位置: 编程技术 - 正文

原生JavaScript实现异步多文件上传(原生js实现ajax步骤)

编辑:rootadmin

推荐整理分享原生JavaScript实现异步多文件上传(原生js实现ajax步骤),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:原生js实现promise.all,原生js import,原生js实现promise.all,原生js import,原生js实现ajax步骤,原生js实现promise.all,原生js实现promise,原生js常用的方法,内容如对您有帮助,希望把文章链接给更多的朋友!

这是在上篇的修改版本。后台代码不变就可以接着使用,但是脚本不再使用jQuery了,改为原生的JavaScript 代码,所以我们主要看JS代码。

先介绍一下技术参数:

页面技术:HTML5

后台技术:Servlet 3.0

服务器:Tomcat 7.0

脚本:JavaScript

HTML5 file组件的新属性

accept : 如果在file组件中增加这个属性就可以直接控制上传的文件类型了,实在是很方便。

原生JavaScript实现异步多文件上传(原生js实现ajax步骤)

multiple:是否允许选择多个文件HTML5 页面代码修改后

accept 的值可以参阅:IANA MIME 类型(标准 MIME 类型的完整列表),如果使用的是DW开发的话,软件本身就有提示。

如果选择了多个文件,可以用JS做循环打印,看看文件的名称,类型和大小,看演示代码

既然可以循环多文件的话,就可以尝试多文件上传了。

1、首先创建 XMLHttpRequest 对象

//这是全局变量。因为是示例,所以就没有判断浏览器类型,低版本IE这么写的话会出问题的var xhr = new XMLHttpRequest()2、上篇介绍了进度事件(Progress) , 这次实现 progress 和 error 2个事件

error:在请求发生错误时触发。

   对应上传时发生错误导致的上传失败:uploadFailed()

最后就是上传方法了,注意上面的html代码中上传用的方法也需要改成这个uploadFile()方法才能正常使用。

PS: 这毕竟只是基本功能的演示示例,离公司使用的要求还相差十万八千里,请谨慎在公司平台使用。

大家可以结合这篇文章进行学习:基于HTML5 Ajax文件上传进度条如何实现(jquery版本)

标签: 原生js实现ajax步骤

本文链接地址:https://www.jiuchutong.com/biancheng/387070.html 转载请保留说明!

上一篇:JavaScript使用DeviceOne开发实战(三)仿微信应用(js如何使用)

下一篇:整理Javascript事件响应学习笔记

  • 原材料退款的会计分录
  • 对外投资应由
  • 小规模纳税人征税率为多少
  • 什么是电子银行渠道限额
  • 未分配利润分配顺序
  • 忘记先抄税再申报了怎么办
  • 哪些项目容易漏缴个人所得税
  • 工商营业执照已经年报为什么显示未公示
  • 不动产可以拆吗
  • 技术开发免税收益方
  • 出口企业如何做锁汇
  • 计划成本法下会计分录
  • 企业利息收入的税率是多少
  • 财务报告财务报表年度报告的区别
  • 收到去年未计提折旧费
  • 预付款发票可以入费用吗
  • 水利建设专项收入计入什么科目
  • 药企会计租金进项税不能抵扣
  • 重置申报清册是什么意思
  • 折价购买债券是什么意思
  • 外包物流适用范围
  • 年末结转本年利润后再结账吗
  • 电子发票会计怎么记账
  • 厂房装修费用计入制造费用吗
  • 当月未出账费用
  • 公司开13个点增值税交多少钱
  • 删除文件需要管理员权限无法添加怎么办
  • 养殖专业合作社业务范围包括哪些
  • 简易计税的方式
  • 净资产收益率公式推导
  • 公司给员工的餐补有没有个税
  • php实现的三个常数是什么
  • 苹果电脑怎么切换中英文
  • 土地使用税的税目写什么
  • 电脑开机后桌面图标变乱
  • 在一个js文件中怎么写
  • 企业成立多久可以注销
  • php编写用户注册界面
  • ajax调用php接口
  • 酒店客房收入怎么算
  • 计提工资薪金
  • 关于英语的25个单词
  • mysql5.7免安装版
  • 使用命令方式安装程序
  • 房地产企业开发的已出租的房屋属于投资性房地产吗
  • 股权转让主要交什么税费
  • 老板出差司机住哪
  • 公允价值变动损益影响利润吗
  • 新公司第一年要交什么税
  • MYSQL的数据类型共有几大类?
  • 加计扣除的增值税怎么做账
  • 租赁房屋怎么做账
  • 免税设备是什么意思
  • 私人账户可以打钱到公司账户吗
  • 无形资产当月减少当月计提吗
  • 增值税专用发票几个点
  • 固定资产暂估折旧怎么算
  • 软件企业确认收入
  • 开票信息指的是买方还是卖方
  • 研发支出的帐务处理
  • 日记账是否必须全部建立
  • 商业企业的会计科目设置
  • 下列哪种情况能使血管升压素释放增加
  • xp管理员账号密码
  • win7系统IE浏览器打开跳转到360浏览器,怎么阻止
  • win10系统电脑怎么关机
  • 编写批处理
  • 批处理命令在windows操作中的典型应用
  • android profiler内存分析
  • 首次安装操作系统称为什么盘
  • 安卓开发viewpager的用法
  • jquery动态创建元素
  • js如何封装
  • checkbox选中一个其余选项置灰
  • python的介绍
  • 如何计算白酒的出酒率
  • 应交税费二级科目有哪些
  • 中山市地方税务局官网
  • 黑龙江工商局网站官网
  • 加工中心钻孔进给
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设