在取消新的文件选择时,表单的上传文件会消失

时间:2018-01-30 21:14:22

标签: javascript html css html5

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

    <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>

现在,我的问题是当我浏览并选择要上传的文件时,它会显示我要上传的文件。 enter image description here 但是,当我点击选择文件并再次浏览时,如果我在中途改变主意并点击取消,那么旧选择的图像也会消失。 enter image description here

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

enter image description here

如果我希望在再次浏览并取消后选择旧的所选图像,为什么会发生这种情况以及该怎么办?

提前致谢!

1 个答案:

答案 0 :(得分: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