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，一定要加上，切记，没有你就哭吧

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

webuploader文件上传问题总结

标签：

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