在使用jQuery處理文件上傳時,我們通常會使用input file元素來選取要上傳的文件。但是有時候,我們需要清空已選中的文件,這時候就需要用到jQuery的相關方法。
$("#file-input").val(""); //清空文件選擇框
上面的代碼中,#file-input是input file元素的id,在執行val()方法時會將該元素的值清空。如果我們需要在上傳文件之前進行預覽,可以使用以下代碼:
var inputElement = $("input[type='file']")[0]; var file = inputElement.files[0]; var reader = new FileReader(); reader.onload = function(e) { $("#preview").attr("src", e.target.result); } reader.readAsDataURL(file);
代碼中,預覽圖片的img元素的id為#preview,我們通過FileReader對象將選中的文件轉化為可預覽的URL,最后將該URL賦值給#preview的src屬性即可。
清空input file元素中已選中的文件其實很簡單,只需要使用val()方法將其值設為空字符串即可。但是需要注意的是,該方法只能清空文件選擇框中已選中的文件,不能清空已上傳的文件。