html 檔案上傳設定accept型別延時問題

2022-06-10 13:12:13 字數 745 閱讀 2862

今天在做檔案上傳時,採用了jquery的upload外掛程式,使用過程中發現了乙個很有意思也很頭疼的問題。

上傳按鈕,第一次點選時瞬間就可以開啟檔案選擇框,之後再點選則需要等待恐怖的8s以上。

源**如下:

同理,html5中accept設定也會出現該問題。

比如,在**中使用了html5的input[file]標籤去上傳

在上面**中,使用了 accept=」image/*」 去過濾所有非的檔案

點選input之後,會有一定概率出現檔案選擇框彈出非常慢的問題,正常情況下,不到1s就能彈出檔案選擇框。但是慢的時候,可能達到7 ~ 10秒。

對屬性進行逐一排查後,發現是accept=」image/*」的問題。

將accept=」image/*」改為指定的格式就不會出現上述的概率性問題,需要將上傳的過濾格式指定為常用的幾種格式

當然,如果希望過濾所有的非格式,那麼這個問題還是會存在。

原因初步猜想是當設定accept=」image/*」時,瀏覽器會在彈出框中處理所有的非元素,包含所有的格式,如果檔案較多會增加處理時間,而這個時候可能在這個版本的chrome中有bug(也許是底層沒實現好),導致概率性時間增長。

所以,對於  填寫file上傳限制時,需要填寫準確的mime型別,不能填寫字尾(如:.apk),與萬用字元(如:image/*)

Html上傳檔案php處理上傳檔案

原文詳見 php上傳檔案處理 眾所周知,檔案上傳在一些 應用中是必不可少的一部分。比如個人部落格上傳個性頭像,一些論壇分享好的學習資料等,這就涉及到使用表單處理檔案上傳的知識,在php中我們可以使用 files這個全域性陣列來處理。下面就看看基本的檔案上傳處理部分。首先要說明的,能夠上傳檔案必定是乙...

php上傳檔案設定,php上傳大檔案設定方法

開啟php.ini,首先找到 file uploads 區域,有影響檔案上傳的以下幾個引數 file uploads on 是否允許通過http上傳檔案的開關。預設為on即是開 upload tmp dir 檔案上傳至伺服器上儲存臨時檔案的地方,如果沒指定就會用系統預設的臨時資料夾 upload m...

php上傳大檔案設定

開啟php.ini,首先找到 file uploads 區域,有影響檔案上傳的以下幾個引數 file uploads on 是否允許通過http上傳檔案的開關。預設為on即是開 upload tmp dir 檔案上傳至伺服器上儲存臨時檔案的地方,如果沒指定就會用系統預設的臨時資料夾 upload m...