html jquery.form.js,上传附件使用jquery-form.js

最近项目用到了附件附件上传功能,因为上传附件想尽量控制在一个控件上传附件并回显在下方的列表中,选择附件则触发上传。

刚开始使用了swfupload.js的flash控件进行上传,但是在IE中如果没有相应控件就无法draw出上传控件,应该是浏览器段没有flash控件造成的。

最后还是改回html的type="file"来实现上传,因为附件上传成功后需要回调函数并在下方列表中回显;所以纯粹的使用form表单提交无法回调需要的数据。而直接使用js取得input内容组装为file对象使用ajax上传,但是js里无法取得完整的文件对象。

找了一些,发现jquery-form.js的ajaxsubmit可以上传并回调,在input的onchange事件时触发方法uploadFile,在方法里取得form表单,定义options,然后form.ajaxsubmit()。然后在options的success方法里取得返回的data再把data值写入下方列表里。

刚开始使用谷歌调试时没有任何问题,但是在IE中调试时,附件能传到后台不过在返回数据的时候并不执行success方法,也不执行error方法,只是报错,诸如“阻止文件下载。。。”云云,当场愣了,根本无法解释,找了很久也不搞不清楚原因,查了很久,终于找到解决的办法,那就是把返回的数据头改为"text/html"而不是"text/javascript",这个问题虽然解决了,但很不爽。屎一样的IE

response.setContentType("text/html");

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值