为了账号安全,请及时绑定邮箱和手机立即绑定

上传附件使用jquery-form.js

标签:
JQuery

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

        刚开始使用了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");


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消