怎样让只显示图片格式提供选择

S_T_F 2010-12-11 02:23:42

使用<input type=file>时，点击浏览按钮，如保让弹出的文件选择对话框中
可选择的文件格式只能是常用的图片格式呢？

...全文

336 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

hookee 2010-12-11

打赏
举报

回复

用 swfupload http://www.swfupload.org/

bootstrap上传插件，可预览，可批量

一、示例标签1： <input type="file" accept="image/*" /> accept属性说明： image表示图片，*表示支持所有格式的图片文件。二、示例标签2： <inputtype="file"accept="audio/mp4,video/mp4" class="uploadVideo"/> 多种格式，以逗号分隔。前缀说明： text：文本文件。如格式：txt、csv、css、html，能直接使用记事本打开的......

使用type="file"的<input>元素使得用户可以选择一个或多个元素以提交表单的方式上传到服务器上，或者通过 Javascript 的File API对文件进行操作。 Value ADOMString表示已选择文件的路径事件 change和input 支持的公共属性 required 附加属性 accept,capture,files,multiple IDL 属性 files和valu...

<input type="file">的样式重置简单方法HTML部分 <input type="file" multiple accept="image/jpeg,image/png,image/gif,image/bmp"> span用于设置上传图片的照相机Icon等。input 的accept属性表示支持何

当你满心欢喜地开发一个图片上传功能，想象着用户上传美美的照片，却发现有人上传了莫名其妙的文件，或者是老旧格式拖慢系统，心情是不是瞬间像被浇了盆冷水？在前端开发里，`<input type="file">` 元素是实现文件上传的常用组件，但如果不加以限制，用户可能会上传各种不符合要求的文件，尤其是在处理图片上传时，面对HEIC、WebP等现代图片格式，如何精准过滤，让上传“规规矩矩”，成了不少开发者头疼的问题。别慌！`<input type="file">` 的 `accept` 属性就是解决这一难题的“布洛

61,128

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章