資訊專欄INFORMATION COLUMN
摘要：最近在項(xiàng)目中引用了一個(gè)新標(biāo)準(zhǔn)上傳附件的插件，使用過程中發(fā)現(xiàn)了一個(gè)很有意思也很頭疼的問題，第一次點(diǎn)擊時(shí)瞬間就可以打開文件選擇框，之后再點(diǎn)擊則需要等待恐怖的以上備注使用的是瀏覽器版本這是核心部分代碼，經(jīng)過二次封裝的。
最近在項(xiàng)目中引用了一個(gè)html5新標(biāo)準(zhǔn)上傳附件的插件，使用過程中發(fā)現(xiàn)了一個(gè)很有意思也很頭疼的問題，第一次點(diǎn)擊時(shí)瞬間就可以打開文件選擇框，之后再點(diǎn)擊則需要等待恐怖的8s以上(備注：使用的是chrome瀏覽器53.X版本)
這是核心部分代碼，經(jīng)過二次封裝的。
后來google一下介紹說是chrome版本52、53的bug，不用說直接升級(jí)到54，遺憾的是問題并沒有解決！
最后無奈的看了一下插件的源碼，發(fā)現(xiàn)的問題的根源
原來是設(shè)置的mime_types類型轉(zhuǎn)換成input[type=file]標(biāo)簽的accept屬性值，打開文件選擇框時(shí)會(huì)根據(jù)accept值過濾目錄中的文件，僅顯示允許的文件類型
基于以上原因，將mine_types設(shè)置去掉，類型是否合法的判斷交給點(diǎn)擊上傳的時(shí)候再做，OK，問題解決了！
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/80753.html
標(biāo)簽在HTML5中新增了color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url新屬性。本篇記錄在開發(fā)中使用date屬性，遇到的一些問題，以及功能擴(kuò)展： 獲取當(dāng)前日期，并顯示在input[type=date]上 html: js: $(function(...
標(biāo)簽在HTML5中新增了color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url新屬性。本篇記錄在開發(fā)中使用date屬性，遇到的一些問題，以及功能擴(kuò)展： 獲取當(dāng)前日期，并顯示在input[type=date]上 html: js: $(function(...
標(biāo)簽在HTML5中新增了color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url新屬性。本篇記錄在開發(fā)中使用date屬性，遇到的一些問題，以及功能擴(kuò)展： 獲取當(dāng)前日期，并顯示在input[type=date]上 html: js: $(function(...
閱讀 3331·2023-04-25 20:35
閱讀 3674·2019-08-30 15:54
閱讀 2064·2019-08-30 15:43
閱讀 2238·2019-08-29 15:14
閱讀 1959·2019-08-29 11:17
閱讀 3440·2019-08-26 13:36
閱讀 752·2019-08-26 10:15
閱讀 2921·2019-08-23 15:41
