国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

input[type='file']在html5中打開文件選擇框緩慢問題

BenCHou / 1674人閱讀

摘要:最近在項目中引用了一個新標準上傳附件的插件,使用過程中發(fā)現(xiàn)了一個很有意思也很頭疼的問題,第一次點擊時瞬間就可以打開文件選擇框,之后再點擊則需要等待恐怖的以上備注使用的是瀏覽器版本這是核心部分代碼,經(jīng)過二次封裝的。

最近在項目中引用了一個html5新標準上傳附件的插件,使用過程中發(fā)現(xiàn)了一個很有意思也很頭疼的問題,第一次點擊時瞬間就可以打開文件選擇框,之后再點擊則需要等待恐怖的8s以上(備注:使用的是chrome瀏覽器53.X版本)


這是核心部分代碼,經(jīng)過二次封裝的。
后來google一下介紹說是chrome版本52、53的bug,不用說直接升級到54,遺憾的是問題并沒有解決!
最后無奈的看了一下插件的源碼,發(fā)現(xiàn)的問題的根源


原來是設置的mime_types類型轉(zhuǎn)換成input[type=file]標簽的accept屬性值,打開文件選擇框時會根據(jù)accept值過濾目錄中的文件,僅顯示允許的文件類型


基于以上原因,將mine_types設置去掉,類型是否合法的判斷交給點擊上傳的時候再做,OK,問題解決了!

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/80753.html

相關(guān)文章

  • H5 input[type='date'] 優(yōu)化 pc端和移動端的使用

    標簽在HTML5中新增了color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url新屬性。本篇記錄在開發(fā)中使用date屬性,遇到的一些問題,以及功能擴展: 獲取當前日期,并顯示在input[type=date]上 html: js: $(function(...

    VincentFF 評論0 收藏0
  • H5 input[type='date'] 優(yōu)化 pc端和移動端的使用

    標簽在HTML5中新增了color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url新屬性。本篇記錄在開發(fā)中使用date屬性,遇到的一些問題,以及功能擴展: 獲取當前日期,并顯示在input[type=date]上 html: js: $(function(...

    wemallshop 評論0 收藏0
  • H5 input[type='date'] 優(yōu)化 pc端和移動端的使用

    標簽在HTML5中新增了color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url新屬性。本篇記錄在開發(fā)中使用date屬性,遇到的一些問題,以及功能擴展: 獲取當前日期,并顯示在input[type=date]上 html: js: $(function(...

    haoguo 評論0 收藏0

發(fā)表評論

0條評論

BenCHou

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<