如果我插入png它可以作業，如果我插入jpg它可以作業，但是如果我將檔案留空它不起作用，為什么？該檔案應該是 png 或空的。
function myFunction() {
var fileTypecheck = document.getElementById("file").files[0].type.replace(/(.*)\//g, '');
if(fileTypecheck == "png" || fileTypecheck.length == 0){
alert("File is png or 0");
}else{
alert("File is NOT png or 0");
}
}<input type="file" name="file" id="file" onchange="loadFile(event)" accept="image/png">
<button onclick="myFunction()">Click me</button>uj5u.com熱心網友回復：
當沒有檔案時，索引files[0]不存在。您可以添加一個問號（Optional_chaining），files[0]以便在沒有檔案時它不會崩潰。然后您可以更改fileTypecheck.length== 0為，!fileTypecheck因為當沒有檔案時它將是未定義的。
function myFunction() {
var fileTypecheck = document.getElementById("file").files[0]?.type.replace(/(.*)\//g, '');
if(fileTypecheck == "png" || !fileTypecheck){
alert("File is png or 0");
}else{
alert("File is NOT png or 0");
}
}<input type="file" name="file" id="file" accept="image/png">
<button onclick="myFunction()">Click me</button>uj5u.com熱心網友回復：
當<input type="file"/>有選擇沒有檔案的HTMLInputElement.files屬性為空，那么files[0]是undefined。
順便說一句，您不應該依賴瀏覽器總是準確地告訴您檔案的型別：瀏覽器通常File.type從其主機作業系統的檔案擴展名到 MIME 型別注冊表中填充該屬性，該注冊表不可靠且經常過時。
也就是說，將您的代碼更改為：請注意，我添加了防御性編程步驟來實際驗證事物而不是做出假設：
function myFunction() {
const inp = document.getElementById("file");
if( !inp || inp.type !== 'file' ) throw new Error( "'file' input element not found." );
if( inp.files.length !== 1 ) {
alert( "Please select a single file first." );
return;
}
const file = inp.files[0];
if( file.type === 'image/png' ) {
// OK
}
else {
alert( "Please select a PNG file." );
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/344630.html
標籤：javascript 功能 文件 输入 是空的
上一篇：如何輸出值而不將其放入作業表？