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,一定要加上,切記,沒有你就哭吧
若有其他問題可以私聊我哦