js 清空 input[type=file]的值

Posted John_杰

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 清空 input[type=file]的值相关的知识,希望对你有一定的参考价值。

js 不能操作 input[type=file]
但你可以将这个 input 的 dom 元素删除掉,再新增一个,或者替换掉

$("#UploadFile").replaceWith(‘<input id="UploadFile" type="file"/>‘);

 

 

如果想在选同一文件上传时也会触发change事件

需要在在input的change事件回调中执行

$("#UploadFile").replaceWith(‘<input id="UploadFile" type="file"/>‘);

替换即可

但需要在绑定一次 change() 事件;

 

 

ChangeBind: function () {

$("#UploadFile").change(function () {
var filePath = $(this).val();
if (filePath.indexOf("docx") != -1 || filePath.indexOf("xlsx") != -1 || filePath.indexOf("pptx") != -1) {
$(".showFileName").val(filePath);
UploadFile();
} else {
$(".showFileName").val("");
alert("您未上传文件,或者您上传文件类型有误!");
return false
}
});
},

 

 


UploadFile: function (file) {
var filePath = $("#UploadFile").val();
//正则表达式获取文件名,不带后缀.
var name = filePath.replace(/^.+?\\([^\\]+?)(\.[^\.\\]*?)?$/gi, "$1");

//正则表达式获取后缀
var suffix = filePath.replace(/.+\./, "");

var fileName = name + "." + suffix;
if ($.trim(filePath) == "") {
alert("请选择需要上传的文件!");
return;
}
Common.Ajax({ Default: "FileUpload", FilePath: filePath, FileName: fileName }, function () {

}, function (data) {

}, function () {
$("#UploadFile").replaceWith(‘<input id="UploadFile" type="file"/>‘);    //Dom元素替换
ChangeBind();    //change事件绑定
});
},































以上是关于js 清空 input[type=file]的值的主要内容,如果未能解决你的问题,请参考以下文章

js 清空html input file的值

<input type="file" id="fileID">这个文本框里的值 怎么清空啊?

js怎么清空input file 里的值?

使用js清空input file上传文件的内容

怎样用js清除file type里的内容

input type file上传文件之后清空内容。