代码之家 › 专栏 › 技术社区 › Parth Shah

表单的上载文件在取消新文件选择时消失

html css javascript

Parth Shah · 技术社区 · 8 年前

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

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

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

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

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

提前感谢!

1 回复 | 直到 8 年前

Parth Shah 8 年前

感谢@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 .

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前