Javascript 如何清除输入文件

我想做的是，当用户在输入文件上输入值并单击submit按钮时，删除输入文件的值。我想在成功弹出alertbox后删除输入值。我的问题是，成功弹出alertbox后，它不会擦除输入文件的值

HTML:

<input type="file" id="fileName" name="fileName" />
<br />
<button id="submit">Submit</button>

$("#submit").click(function(){
    if(("#fileName").val() === ''){
    alert("please selct a file");
    }else{
    alert("successfully uploaded");
    //i want to eraser the input value after the successfully alertbox popup
    ("#fileName").val('');
    }
 });

$("#submit").on("click", function () {
    if ($("#fileName").val() === '') {
        alert("please selct a file");
    } else {
        alert("successfully uploaded");
        $('#fileName').replaceWith($('#fileName').val('').clone(true));
    }
});

---

您的想法是正确的，但是在使用jQuery时，您错过了几个

$

s。没有它，就不会创建jQuery对象，JavaScript认为您需要从字符串

#fileName

中调用一个方法

 $("#submit").click(function(){
   if ($("#fileName").val() === "") {
     alert("please select a file");
   } else {
     alert("successfully uploaded");
     $("#fileName").val("");
   }
 });

---

您忘记使用$

 $("#submit").click(function(){
        if($("#fileName").val() === ''){
        alert("please selct a file");
        }else{
        alert("successfully uploaded");
        //i want to eraser the input value after the successfully alertbox popup
        $("#fileName").val('');
        }
     });

---

这里有一个不同的方法

您只需克隆它并将其自身替换即可

更改为：

<input type="file" id="fileName" name="fileName" />
<br />
<button id="submit">Submit</button>

$("#submit").click(function(){
    if(("#fileName").val() === ''){
    alert("please selct a file");
    }else{
    alert("successfully uploaded");
    //i want to eraser the input value after the successfully alertbox popup
    ("#fileName").val('');
    }
 });

$("#submit").on("click", function () {
    if ($("#fileName").val() === '') {
        alert("please selct a file");
    } else {
        alert("successfully uploaded");
        $('#fileName').replaceWith($('#fileName').val('').clone(true));
    }
});

---

您缺少$to invoque jquery，下面是更正的脚本