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,一定要加上,切記,沒有你就哭吧

若有其他問題可以私聊我哦


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM