近日做文件上傳,粗心的問題和技術不精的問題導致了很多的bug,大部分時間都是在找自己寫出來的bug,近日總結一下使用 WebUploader 開啟分片上傳的使用方法以及注意事項
1、上傳過程中,后續上傳的會將前邊上傳的文件給替換掉:
這種情況出現在framework7中,我使用的時候是從頁面傳遞進來一個guid到后台,將guid作為文件名稱,在framework7中這種方法不可取,因為這個前端的guid保持不變,后續上傳的文件將依然是這個名字,所以才會被替換掉
2、png 和 gif 文件都可以正常上傳,唯獨 jpg 文件會報錯,錯誤詳細如下:
Refused to load the image 'blob:http://localhost:8807/25526475-d5f4-4826-9383-b4af89fc8b43' because it violates the following Content Security Policy directive: "default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap:". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.
拒絕加載圖像'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 屬性設置問題:
如圖所示:

