type=file 浏览上传时的文件类型可以自己定义？

Posted 2023-03-11

在一些网站进行上传时，当单击了“浏览”按钮之后会弹出【选择文件】的对话框。很多时候我们需要只上传图像文件，那么在弹出的【选择文件】对话框中只显示了相关图片格式的文件，此外其余格式文件一律过滤不被显示。
比如 http://www.youku.com/v1.0.0326/v/swf/up.swf
这是优酷的视频上传选择，其是通过FLASH的方法来实现了 不显示非视频类文件。
所以针对我们的网页中<input type="File">能不能也实现弹出窗口限制文件类型呢？

accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。

提示：请避免使用该属性。应该在服务器端验证文件上传。
实例

在文件上传中使用 accept 属性，本例中的输入字段可以接受 gif 和 jpeg 两种图像：

<form>
<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />
</form>

如果不限制图像的格式，可以写为：accept="image/*"。 参考技术A <script>
function check()
var filepath=path.value
filepath=filepath.substring(filepath.lastIndexOf('.')+1,filepath.length)
if(filepath != 'jpg' && filepath != 'gif')
alert("只能上传JPG或GIF格式的图片")

</script><input type=file name=path onpropertychange="check()"> (只能上传JPG或GIF格式的图片)