Web Uploader初始化隱藏容器失敗及點擊上傳圖片時反應較慢的問題

標籤：web   .com   解決   pes   display   tle   title   掃描   檔案選擇   

問題1：在一個頁面整合一個或者多個檔案上傳外掛程式，初始化時有些DOM容器是隱藏的，這時候經常會出現初始化失敗的情況，雖然按鈕樣式改變了，但是點擊就是沒反應（有時候不經意點了哪個地方，或許會出現檔案選擇框），仔細看了一下，發現了問題所在，如：

執行個體化的時候，會在初始選定的選擇按鈕上產生一層“label”遮罩層，點擊事件也是綁定在label上，但如果執行個體化時，指定的DOM是隱藏的（display：none）話，只能產生1x1的遮罩，而點擊事件依然綁定在label上，始終點擊不到，當然也就沒反應了。

　　解決辦法：既然是隱藏DOM，必然會有觸發顯示的操作，比如點擊按鈕控制顯隱，這個時候可以用uploader的refresh（）方法，uploader.refresh();問題就解決了。

問題2：上傳圖片時，點擊選擇按鈕之後，要停個幾秒鐘才會出現檔案選擇框。

　　解決辦法：

accept: {            title: ‘Images‘,            extensions: ‘jpg‘,            mimeTypes: ‘image/*‘        }

　　這時雖然限制只接受圖片，但掃描檔案時仍會全部掃描，自然是慢的不行，改下代碼：

accept: {            title: ‘Images‘,            extensions: ‘jpg‘,             mimeTypes: ‘image/jpg‘    //修改此處        }

　　這時就會選擇性的掃描檔案，只掃描你設定的類型，速度自然就快了。

 

Web Uploader初始化隱藏容器失敗及點擊上傳圖片時反應較慢的問題