HTML文件域限制选择文件的类型 例如:只能给用户选择图片格式的文件!~

HTML文件域限制选择文件的类型 例如:只能给用户选择图片格式的文件!~,第1张

<input id="file1" type="file" accept="image/*"/>

添加accept属性来控制用户选择的文件类型,“image/*”为所有图片格式

<input type="file" id="file1" onchange="change(this)"/>

function change(o) {

//o.value就是你选择的文件的完整路径,然后你可以自己过滤

if (o.value.indexOf('.txt') >-1)

//code

else

//code

}

用accept属性,如下:

<input type="file" name="image" id="image" accept=".jpg">

这个属性是html5规定的,因此浏览器必须兼容或支持html5,比如ie10+, chrome, firefox等。

别忘记在网页开头写上<!doctype html>以声明支持html5。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6289946.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-20
下一篇2023-03-20

发表评论

登录后才能评论

评论列表(0条)

    保存