淘先锋技术网

首页 1 2 3 4 5 6 7

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