位置: 编程技术 - 正文

jQuery+formdata实现上传进度特效遇到的问题

编辑:rootadmin

推荐整理分享jQuery+formdata实现上传进度特效遇到的问题,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

总结我做HTML5文件上传插件遇到的技术问题

先贴上源码:fileupload-html5.js(PS:公司使用seajs框架)

问题列表

1. JQUERY.AJAX没有监听上传进度的ONPROGRESS事件。

2. XMLHTTPREQUEST(XHR)跨域

问题解答

1. JQUERY没有给出ONPROGRESS事件的接口,必须从其他接口中找到原生XHR对象。

jQuery.ajax()返回的是jqXHR对象。jqXHR模仿XHR(原生),但没有模仿实现XHR的所有方法和属性(如:.upload),即使jqXHR增加了一个特有方法(如:.promise())。所以jqXHR并不是XHR的超集。

XHR的upload属性指向XMLHttpRequestUpload(IE是XMLHttpRequestEventTarget),该对象的onprogress事件可以监听上传进度。既然jQ没有给出这个功能的api,但jQ某些数据上传方式是使用XHR的,所以我们可以从其它api中找到XHR。在XHR发送数据之前绑定onprogress事件可以实现上传进度功能。

jQuery+formdata实现上传进度特效遇到的问题

我从OPTIONS参数配置中找到两个与XHR有关的属性:

- XHR:回调创建XMLHTTPREQUEST对象。

xhr()返回值是XHR,提供给jQ使用,即发送数据就是用这个XHR。我们可以通过xhr创建一个回调函数覆盖它,同样返回XHR,但在此绑定onprogress事件。

所以我们应该这样做:

- XHRFIELDS:一对“文件名-文件值”组成的映射,用于设定原生的 XHR对象。

xhrFields属性指向jQ内部创建的XHR,我们可以根据xhrFields获得XMLHttpRequest。由于xhrFields的值只能是json对象,所以不能以下面方式获取。

我们可以借助XHR的onsendstart事件,如下:

2. XMLHTTPREQUESTⅡ(XHR)支持跨域,但需要后台允许。

根据后台给的接口,我需要增加一个参数cros。但我将这个参数与文件同事提交,却提示跨域限制。最后将这个参数放在url才行。

原来XHR跨域是有两次请求的,第一次是验证请求,浏览器根据请求目的地址自动发出options请求。若通过,才能发出自定义的post请求。所以将参数放在post请求里,第一次请求没有cros参数,即不能通过。

浅析jQuery Ajax请求参数和返回数据的处理 刚接触学会用jQueryajax的时候,觉得真东西好神奇,这样就可以把数据取回来了啊。然后我可以把取回来的数据渲染到页面上,一颗赛艇。之前很早接触

jQuery实现验证年龄简单思路 这段代码假定环境是一个ID为age-form的form,三个ID分别为day,month,year。$("#age-form").submit(function(){varday=$("#day").val();varmonth=$("#month").val();varyear=$("#year").val(

jQuery使用contains过滤器实现精确匹配方法详解 本文实例讲述了jQuery使用contains过滤器实现精确匹配的方法。分享给大家供大家参考,具体如下::contains选择器选取包含指定字符串的元素。该字符串可

标签: jQuery+formdata实现上传进度特效遇到的问题

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

上一篇:JQuery EasyUI的使用(jquery easy ui)

下一篇:浅析jQuery Ajax请求参数和返回数据的处理

  • 税务局 强制
  • 人力资源行业税务政策
  • 电子税务局没有发票开具
  • 不在经营范围内开票会受到什么惩罚
  • 成本核算方法有先进先出法吗
  • 增值税专用发票电子版
  • 辞退员工补偿的月平均工资如何计算
  • 销项税额特殊销售额的处理方式
  • 职工的取暖补贴上税吗
  • 货发出款未收的会计分录怎么做?
  • 稽查查补税款企业所得税
  • 购买货物待销售会计分录
  • 运输费发票备注栏填不下
  • 农民工预储金怎么开户
  • 企业购置房产折旧
  • 合伙人退伙资产清算需要交税吗
  • 鸿蒙系统垃圾清理
  • 控股子公司收购母公司
  • 水利基金返还分录怎么写
  • 营改增后一般纳税人税率
  • 浅谈12 条用于 Linux 的 MySQL/MariaDB 安全最佳实践
  • mac os x v10.10
  • 保总保安服务有限公司
  • 计提本月应交未交增值税
  • 企业存货成本包括利润吗
  • 电脑avg是什么软件
  • 零基础java从入门到精通
  • laravel实战教程
  • 租金收入会计分录怎么写
  • 建筑劳务 行业
  • 销售商品的结转
  • web攻防之业务安全实战指南
  • 通俗易懂的炒货店名字
  • uniapp scroll-view 上下滑动
  • vue 配置
  • react js 教程
  • 来料加工企业的税率是多少
  • 企业合并兼并收购的区别和联系
  • python怎么查看文件路径
  • 利用python创建文件
  • 辞退福利为什么不计入产品成本
  • 开一般户需要开户许可证吗
  • 职工意外险怎么记账
  • 报销流程怎么走
  • 上年度企业所得税调整需要调账吗
  • 无偿划转资产需要挂其他应收款吗
  • 支付到期承兑汇票属于什么现金流量项目
  • 收到投资款应该填制什么凭证
  • 租写字楼可以办个体户吗
  • 机票开的个人的票是什么
  • 公交充值卡发票能报销吗
  • 应交税费应交印花税贷方余额
  • 资产负债表上应交税费是什么意思
  • 暂估固定资产的账务处理
  • 研发费用人工费用包括
  • 免费领课程有什么陷阱
  • centos文档
  • 详细介绍的英文
  • win7开始菜单路径在哪里
  • u启动开机启动快捷键
  • 进程cmd.exe
  • win8尝试修复
  • centos zsh
  • win7系统的一键还原怎么关闭
  • win8.1网络设置
  • win7系统桌面图标设置
  • linux检测硬件
  • cocos2djs
  • jquery自定义事件
  • linux内核讲解
  • gradle手动安装
  • python编写下载器
  • linux shell脚本命令
  • js的文件操作
  • 社保缴纳人数和公积金人数不一样怎么说明
  • 山西省税务局政审县级还是市级的
  • 税收通知
  • 政府给予补贴
  • 考公务员国家税务局好吗
  • 游艇车船税怎么收
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设