請原諒我的初學問題，但我正試圖通過TypeScript限制上傳檔案的大小和型別。
我的HTML目前看起來是這樣的：
<label class="custom-file-upload">/span>
< input type="file" id="fileName" accept=" 。 xls,.xlsx, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel" onchange="validateFileType()"/>
<i class="fas fa-cloud-upload"/span>> </i>>
上傳
</label>上傳
而我的TypeScript檔案看起來是這樣的：
private validateFileType（） {
const fileName = (document. getElementById('fileName')asHTMLInputElement).value。
const idxDot = fileName.lastIndexOf('.') 1;
const extFile = fileName.substr(idxDot, fileName.length).toLowerCase()。
if (extFile === 'xls'/span> || extFile === 'xlsx'/span>) {
// TO DO
} else {
//Notification here else {
}
}
private validateFileSize（） {
const fileName = (document. getElementById('fileName')asHTMLInputElement)。
// fileName.onchange = function() {.
if (fileName.files[0].size > 2097152) {
//Notification here
fileName.value = ''/span>;
}
};
目前，它不作業，但我不確定為什么。希望得到任何幫助。
uj5u.com熱心網友回復：
我不是Vue.js專家，但在我看來，你的事件系結語法是錯誤的
。Vue.js 2.x:
<input type="file" v-on:change="validateFileType"/>
Vue.js 3.x:
<input type="file" @change="validateFileType"/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/332486.html
標籤：
上一篇：LaravelEloquent在集合和計數中都得到了兩次相同的關系。
下一篇：ORACLE-正則運算式