詳解 input accept屬性

input accept屬性是用來限制上傳的文件格式

 <input type="file" id="file" style="display:none;"
                accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
<a href="javascript:selectFile()">加載本地excel文件</a>

function selectFile() {
            document.getElementById('file').click();
        }

• 1.上傳.csv格式

<input text="file" accept=".csv" />

• 2.上傳.xls格式

<input text="file"  accept="application/vnd.ms-excel"/>

• 3.上傳.xslx格式

<input text="fiel" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/>

• 4.上傳.png/.jpg/etc格式

<input type="file" accept="text/plain" />

• 5.上傳圖片格式

<input type="file" accept="image/*" />

• 6.上傳.htm,.html格式

<input type="file" accept="text/html" />

• 7.上傳video(.avi, .mpg, .mpeg, .mp4)格式

<input type="file" accept="video/*" />

• 8.上傳audio(.mp3, .wav, etc)格式

<input type="file" accept="audio/*" />

• 9.上傳.pdf格式

<input type="file" accept=".pdf" />

• 10.如果限制兩種文件格式，同時限制

<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel">