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

本文來自雲栖社群合作夥伴“螞蟻部落”，了解相關資訊可以關注螞蟻部落