文章詳情頁
javascript - html5 input file 如何限制只能調(diào)起圖庫和攝像頭、不能選擇其他類型的文件?
瀏覽:171日期:2023-01-04 08:06:29
問題描述
html5 input file 如何限制只能調(diào)起圖庫和攝像頭、不能選擇其他類型的文件?
源文件
<input type='file' name='photo' class='photo'accept='image/gif,image/jpeg,image/jpg,image/png,image/svg'>
在ios下只能選擇圖庫,但是在andriod下連文件都可以選擇,有什么辦法可以在andriod也只能調(diào)起圖庫和攝像頭而不能選擇其他文件呢?
問題解答
回答1:用微信的 jssdk 上傳圖像吧
回答2:可以通過 FileList 對象來判斷上傳的文件類型。監(jiān)控 input 的 change 事件,file 類型 input 的 files 屬性就是 FileList 對象,里面包含選中文件的文件名、大小、文件類型和修改時間等等。判斷文件類型,如果不是圖片類型,就彈出相應(yīng)提示。同樣的也可以限制選中圖片大小。FileList 對象:https://developer.mozilla.org...
標(biāo)簽:
JavaScript
上一條:javascript - 手機(jī)頁面,scrollHeight為啥不等于scrollTop和clientHeight相加下一條:javascript - webpack proxy配置問題
相關(guān)文章:
1. docker鏡像push報錯2. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””3. html5 - datatables 加載不出來數(shù)據(jù)。4. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題5. node.js - mongodb查找子對象的名稱為某個值的對象的方法6. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個是怎么回事????7. 運(yùn)行python程序時出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯誤?8. html5和Flash對抗是什么情況?9. 測試自動化html元素選擇器元素ID或DataAttribute [關(guān)閉]10. 前端 - @media query 使用出現(xiàn)的問題?
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備