天天看点

input file简单实现限制上传文件的类型

大家都知道通常都是使用如下控件实现文件上传功能:

<code>&lt;</code><code>input</code> <code>type</code><code>=</code><code>"file"</code><code>/&gt;</code>

有时候在实际应用中可能需要限制上传文件的类型,可以通过此标签进行简单的设置实现

代码如下:

<code>&lt;</code><code>input</code> <code>accept</code><code>=</code><code>"image/jpg,image/jpeg,image/png,image/bmp,image/gif"</code> <code>type</code><code>=</code><code>"file"</code><code>/&gt;</code>

上面的代码演示了如何限制上传图片的格式类型。

原文发布时间为:2017-2-23

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落