Question

我有一个表单，我允许使用文件输入加载文件。我想允许用户删除上传项目，但我无法弄清楚。以下是我到目前为止所做的尝试：

<form action="insert.php" method="POST" align="right" id="post_form">
 <input type="file" id="upload_file" onChange="display()">
 <div id="show_button" onClick="remove_pic()">  remove </div><br>
</form>


function remove_pic() {
  alert('check');
  var file_loaded = document.getElementById("upload_file");
  file_loaded = null; // here i try to remove the object
}

Answer 1

通过JSFiddle运行代码并检查Chrome开发控制台时，我一直收到“函数未定义”错误消息。

我发现将您尝试直接调用的函数直接放入全局范围允许将其识别为已定义。您还需要使用空字符串而不是null，并将“.value”属性的更改附加到“file_loaded”变量。

而不是

function remove_pic() {
  alert('check');
  var file_loaded = document.getElementById("upload_file");
  file_loaded = null; // here i try to remove the object
}

试

window.remove_pic = function() {
  alert('check');
  var file_loaded = document.getElementById("upload_file");
  file_loaded.value = ""; // here i try to remove the object 
};

示例JSFiddle：http://jsfiddle.net/xu6SD/1/

如何从表单中删除上传项目？

1 个答案: