Bootstrap 3模态框打开时如何清空input type=file内容？

你需要在触发模态框的函数中提前清空文件输入框的值，同时重置选择提示文本，确保每次打开模态框都是初始状态。之前的尝试无效大概率是代码执行顺序不对，调整后即可解决。

修改你的contractUpload函数如下：

function contractUpload(mId) {
    // 清空文件输入框
    const contractFile = document.getElementById("contractFile");
    contractFile.value = "";
    // 重置选择按钮的提示文本
    document.getElementById("browse").textContent = "choose :";
    // 打开模态框
    $('#contractModal').modal();
    document.getElementById("mId2").innerHTML = mId;
}

如果习惯用jQuery写法，也可以替换成：

$("#contractFile").val("");
$("#browse").text("choose :");

补充说明 #

文件输入框的value属性只能被设置为空字符串来清空，这是浏览器的安全限制，无法直接设置为其他值。同时要同步重置提示文本，让UI状态和输入框保持一致。

内容的提问来源于stack exchange，提问作者AliReza Abbasian