近日做檔案上傳，粗心的問題和技術不精的問題導致了很多的bug，大部分時間都是在找自己寫出來的bug，近日總結一下使用 webuploader 開啟分片上傳的使用方法以及注意事項
1、上傳過程中，後續上傳的會將前邊上傳的檔案給替換掉：
這種情況出現在framework7中，我使用的時候是從頁面傳遞進來乙個guid到後台，將guid作為檔名稱，在framework7中這種方法不可取，因為這個前端的guid保持不變，後續上傳的檔案將依然是這個名字，所以才會被替換掉
2、png 和 gif 檔案都可以正常上傳，唯獨 jpg 檔案會報錯，錯誤詳細如下：
拒絕載入影象'blob:http://localhost:8807/25526475-d5f4-4826-9383-b4af89fc8b43'，因為它違反了以下內容安全策略指令:" default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap:"。注意，'img-src'沒有被顯式設定，因此'default-src'被用作回退。
如圖所示：
解決方案是：如果不設定 compress 屬性，一些jpg檔案無法上傳，設定為false就好了
網上找到的是 compress 屬性設定問題：
如圖所示：
WebUploader上傳檔案
引入資源檔案 個，css檔案和js檔案。function inituploader 檔案接收服務端 pick btnpicker 選擇檔案的按鈕,內部根據當前執行是建立，可能是input元素，也可能是flash.dnd page body 指定drag and drop拖拽的容器 compress ...
webuploader上傳檔案
var var btn ctlbtn 開始上傳 var thumbnailwidth 100 縮圖高度和寬度 單位是畫素 當寬高度是0 1的時候，是按照百分比計算，具體可以看api文件 var thumbnailheight 100 var uploader webuploader.create 當...
Web Uploader上傳檔案
2 使用web uploader檔案上傳需要引入三種資源 js,css,swf。src值根據檔案在專案中的位置而定 3 html部分 選擇檔案 開始上傳 關閉 檔案上傳示例 4 js部分 上傳初始化 function initupload chunked true,開起分片上傳。threads 1,...