在使用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()方法将其值设为空字符串即可。但是需要注意的是,该方法只能清空文件选择框中已选中的文件,不能清空已上传的文件。