<分区>
Possible Duplicate:
Limit file format when using <input type=“file”>?
我需要使用 HTML5 pattern属性只允许在 <input type="file"> 中使用 JPG、GIF 和 PNG 文件元素。
我目前有这种模式，但它不起作用:
<input type="file" class="input-file" id="tbinstUploadFile0" name="tbinstUploadFile0" placeholder="Please insert an image file..." pattern="([^\s]+(\.(?i)(jpg|png|gif|bmp))$)">
此正则表达式模式与 HTML5 不兼容？如何测试有效的 HTML5 正则表达式模式？
最佳答案
尝试类似的东西
<input type="file" name="my-image" id="image" accept="image/gif, image/jpeg, image/png" />
点击here for the latest browser compatibility table
现场演示 here
要仅选择图像文件，您可以使用此 accept="image/*"
<input type="file" name="my-image" id="image" accept="image/*" />
现场演示 here
仅显示 gif、jpg 和 png，屏幕从 Chrome 版本 44 抓取
关于regex - 如何在 HTML5 中验证只允许在 'input type="文件中“'JPG、GIF 或 PNG？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11097272/