javascript - 取消新选择的文件时，表单上传的文件消失

Question

我的网页上有一个简单的表格。

    <form action="upload.php" method="post" enctype="multipart/form-data">
        Select image to upload:
        <input id="browse" type="file" name="fileToUpload" id="fileToUpload">
        <input type="submit" value="Upload Image" name="submit">
    </form>

现在，我的问题是当我浏览并选择要上传的文件时，它会显示我要上传哪个文件。 但是，当我单击“选择文件”并再次浏览时，这次如果我中途改变主意并单击“取消”，那么旧的选定图像也会消失。

取消时它也会删除已经选择的图像。

为什么会发生这种情况？如果我想在再次浏览并取消后选择我的旧选择图像​​，该怎么办？

提前致谢!

Answer 1

感谢@Carlos，添加了这个 javascript

var input = document.getElementById("browse");
var selectedFile;
input.addEventListener('change', updateImageDisplay);
function updateImageDisplay() {
    if(input.files.length==0) {
        input.files = selectedFile;
   }
   else {
       selectedFile = input.files;
   }
}

现在一切正常!你可以查看here .