位置: 编程技术 - 正文

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请求参数和返回数据的处理

  • 以旧换新销售商品
  • 税务局开票需要交钱吗
  • 税前扣除凭证按照用途分为哪些
  • 资源税计入什么科目
  • 工程设备公司经营范围
  • 本月缴纳增值税和上个月账本金额不对
  • 制造业三项费用占比行业怎么算
  • 租赁合同印花税率
  • 借给股东的借款怎么做账
  • 园林绿化公司要交税吗
  • 财务软件没有税务登记
  • 代缴水电费的差额是什么
  • 金蝶财务软件不能反结账
  • 企业汇算清缴前的票可以入账吗
  • 怎么知道定额发票是真是假的
  • 原材料费用的分配
  • 股东投入的资金可以计入资本公积吗
  • 如何填写企业所得税
  • 暂时关闭朋友圈
  • windows10显示文件格式
  • 新版edge浏览器历史记录
  • 费用发票可以抵扣吗
  • 商场外面的广告牌叫什么
  • 出版社购买版权是什么
  • G40/50-70、SR1000随机Linux改安装Win7系统的实现方法
  • 360se进程太多
  • 小规模纳税人冲红发票怎么报税
  • 增值税专用发票有几联?
  • 如何做商品批发
  • 雷尼尔山位于美国西北部
  • 金门大桥和马林大桥区别
  • 事业单位长期应付款怎么核销
  • 固定资产清理科目余额结转哪里
  • 收到进项发票当月能抵扣吗
  • 阿里月薪3万到手多少
  • php忘记密码
  • 增值税增量留抵退税政策2019
  • 计提怎么理解
  • 上月未结账本月是否能记账
  • 工会记账凭证怎么记
  • 其他应收款和其他应付款可以通用吗
  • 运输费属于生产成本还是制造费用
  • 个体户需要实缴吗
  • 研发费用摊销方法
  • 消费税的账务处理方法
  • 买赠行为的会计处理
  • 混合销售举例说明
  • 购入厂部用小汽车一部是管理费用吗
  • 财务费用中的利息支出
  • 营业成本利润率行业均值
  • 减免的税金怎样做会计分录
  • 对外投资的会计科目
  • 企业一般账户开户申请理由
  • 公司拿房子抵债需要缴纳什么税费
  • 奖励罚款怎么做分录
  • 公司初建账都有什么账
  • mysql添加myini
  • win8经常弹出转到电脑设置
  • 2008r2多用户远程桌面
  • freebsd版本选择
  • winxp如何禁用u盘
  • Mac应用程序的格式
  • linux socket 常用函数小结
  • linux bash sh
  • win7如何打开windows功能
  • win8初始登录账号密码
  • linux中怎么在文件中添加内容
  • 学会这8个技巧让你做出的菜味道更好
  • ubuntu运行qt程序
  • 基于个人同意处理个人信息的个人什么撤回其同意
  • 关于中秋节的古诗
  • 批处理 leq
  • python问题及解决方法
  • 怎么检测python
  • python数据类型有什么用
  • 2008年深圳房价崩盘
  • 吉林省地方税务局单位职工集资建房免征营业税
  • 国家税务总局四川省电子税务局界面
  • 房屋契税和维修基金是开发商交还是业主交
  • 银行前置利息什么意思
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设