如何從表單中刪除上傳項目？

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/