webuploader文件上传问题总结

webuploader百度的一个很好的上传文件插件;

选择它的原因:

1.浏览器兼容性好,支持IE8,这是我最主要的,好多上传插件都不支持;

2.跨域访问,因为我的上传需要到图片服务器上,这就需要跨域上传

3.多文件上传,现在单个文件已经被大家嫌弃了,项目非要支持多文件上传;但是我提醒下大家,这个多文件上传实际上时多次访问服务器,并非一次上传的

遇到的问题:

1.跨域

这个问题一直困扰我好久,后来百度了这个,如若要支持IE8慎用,这个可以解决其他浏览器跨域,但并不支持IE8这种依靠flash的

uploader.on('uploadBeforeSend', function(obj, data, headers) {
$.extend(headers, {
"Origin": "http://sos-cmp.zhaopin.com:9090",
"Access-Control-Request-Method": "POST"
});
});

那问题来了,如何支持浏览器兼容又支持跨域呢

解决办法是

服务器端使用crossdomain.xml,自行百度,然后将xml文件放在服务器端WEB-INF下即可

2.浏览器兼容性

webuploader在IE8下上传按钮始终不可用,烦躁的不行不行的,最后发现我使用accept进行的上传文件类型限制,若去除accept就好使了,

可是,我要限制啊,又查资料,终于,功夫不负有心人,解决方案是

accept: {
title: 'Images',
extensions: 'gif,jpg,jpeg,bmp,png',
mimeTypes: 'image/*'
}

里面这个extensions,一定要加上,切记,没有你就哭吧

若有其他问题可以私聊我哦

原文地址:https://www.cnblogs.com/bing521meng/p/5075514.html