所以發生的事情我有點卡在fileApi的擴展上，例如，當上傳檔案不是時，我無法弄清楚我應該如何顯示警報.pdf。我真的很想得到一些指導。謝謝
Html
<form action="/Document" method="post" enctype="multipart/form-data">
<div class="container">
<div class="custom-file" style="margin-top: 25px; margin-bottom: 15px;">
<input type="file" id="validatedCustomFile" name="document" required>
<div style="color: red;"></div>
</div>
<div class="small">
<ul>
<li>Maximum upload size is / 1024) KB</li>
</ul>
</div>
<div>
<button type="submit" title="Next" class="btn btn-primary">Next</button>
</div>
</div>
</form>
<script>
Js
const InputFile = document.getElementById('validatedCustomFile');
InputFile.addEventListener("change", function () {
console.log(InputFile.files)
for (const file of InputFile.files) {
if (file.size > 1048576){
alert(`${file.name} is to big! Max is 1024KB`);
}
if (file.type != '.pdf') {
alert('This file type not allowed to be uploaded')
}
}
}
)
</script>
uj5u.com熱心網友回復：
在這里，您需要設定檔案的 mime 型別。在這里，我提到了application/pdf而不是“.pdf”
const InputFile = document.getElementById('validatedCustomFile');
InputFile.addEventListener("change", function () {
console.log(InputFile.files)
for (const file of InputFile.files) {
if (file.size > 1048576){
alert(`${file.name} is to big! Max is 1024KB`);
}
if (file.type != 'application/pdf') {
alert('This file type not allowed to be uploaded')
}
}
}
)uj5u.com熱心網友回復：
有一個簡單的方法，只需添加到您的表單輸入accept=".pdf"
上傳頁面只會顯示帶有.pdf擴展名的檔案并隱藏其余檔案。像這樣的東西： <input type="file" id="validatedCustomFile" accept=".pdf" name="document" required>會作業。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/448245.html
標籤：javascript 形式 api 文件API
上一篇：使用來自HTML的輸入的API