我有以下代碼來檢查我的文件是否為 .jpg、.jpeg 或 .png：<!DOCTYPE html><html><body><input type="file" align="center" accept=".jpg,.jpeg,.png" onchange="this.size = Math.max(this.value.length, 7)+15;read(this)" id="myinput" style="min-width: 50px;" /></body></html><script>var myfile=""async function read(input) { var file = input.files[0]; var idxDot = file.name.lastIndexOf(".") + 1; var extFile = file.name.substr(idxDot, file.name.length).toLowerCase(); if (extFile=="jpg" || extFile=="jpeg" || extFile=="png"){ //fileContent = await readFile(file); myfile=file alert("Valid file selected!"); }else{ alert("Only jpg, jpeg or png allowed"); input.value = myfile; }}</script>我正在嘗試，如果選擇了與該文件不同的文件，則顯示所采用的有效文件的最后一個值。但這只會在開始時、在獲取有效文件之后發(fā)生。如果我選擇另一個文件，輸入中顯示的路徑將更改為所選文件的路徑，即使它不是有效的路徑。有沒有辦法解決這個問題，使顯示的路徑始終是最后一個有效文件的路徑？
1 回答
慕無忌1623718
TA貢獻1744條經(jīng)驗 獲得超4個贊
有點破解，但可能會給你你需要的東西
var myfile={name:"none"};
function read(input) {
var file = input.files[0];
var idxDot = file.name.lastIndexOf(".") + 1;
var extFile = file.name.substr(idxDot, file.name.length).toLowerCase();
var span =document.getElementById('last');
if (extFile=="jpg" || extFile=="jpeg" || extFile=="png"){
//fileContent = await readFile(file);
myfile=file
alert("Valid file selected!");
span.style.display='none';
}else{
alert("Only jpg, jpeg or png allowed");
input.value = '';
span.style.display='inline';
span.innerHTML = "Last valid File was: " + myfile.name
}
}
span{
display:none;
}
<!DOCTYPE html>
<html>
<body>
<input type="file" align="center" accept=".jpg,.jpeg,.png" onchange="this.size = Math.max(this.value.length, 7)+15;read(this)" id="myinput" style="min-width: 50px;"
/>
<span id='last'></span>
</body>
</html>
- 1 回答
- 0 關注
- 120 瀏覽
添加回答
舉報
0/150
提交
取消