問(wèn)題描述

html5 input file 如何限制只能調(diào)起圖庫(kù)和攝像頭、不能選擇其他類型的文件？

源文件

<input type='file' name='photo' class='photo'accept='image/gif,image/jpeg,image/jpg,image/png,image/svg'>

在ios下只能選擇圖庫(kù)，但是在andriod下連文件都可以選擇，有什么辦法可以在andriod也只能調(diào)起圖庫(kù)和攝像頭而不能選擇其他文件呢？

問(wèn)題解答

用微信的 jssdk 上傳圖像吧

可以通過(guò) FileList 對(duì)象來(lái)判斷上傳的文件類型。監(jiān)控 input 的 change 事件，file 類型 input 的 files 屬性就是 FileList 對(duì)象，里面包含選中文件的文件名、大小、文件類型和修改時(shí)間等等。判斷文件類型，如果不是圖片類型，就彈出相應(yīng)提示。同樣的也可以限制選中圖片大小。FileList 對(duì)象：https://developer.mozilla.org...