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事件绑定
});
},
最新文章
- uiautomator-----UiWatcher监听器
- CentOS7 bonding配置
- KnockoutJS 3.X API 第四章 数据绑定(4) 控制流with绑定
- (转)android图片压缩总结
- BUAA 724 晴天小猪的神题(RMQ线段树)
- Web Service 之 开发、部署
- hdu 1753 大明A+B
- iOS开发——图形编程Swift篇&;CAShapeLayer实现圆形图片加载动画
- perl 调用方法 子例程说明
- boostrap-非常好用但是容易让人忽略的地方------row
- tinyxml 查找element
- css盒子
- JAVA程序员成长历程(二)
- 前端面试angular 常问问题总结
- Codeforces Round #436 (Div. 2) C. Bus
- [ExtJS5学习笔记]第十一节 Extjs5MVVM模式下系统登录实例
- 用Python写一个贪吃蛇
- iOS Runtime的消息转发机制
- 【Java并发编程】6、volatile关键字解析&;内存模型&;并发编程中三概念
- POJ No.2386 Lake Counting
热门文章
- LOJ2823 「BalticOI 2014 Day 1」三个朋友
- 一个detect问题引发的一系列思考
- dubbox下载编译运行demo
- Linux I/O 映射(ioremap)和writel/readl
- 在 windows7 中使用 vs2003 时,“在文件中查找”导致无响应的问题
- windows抓包工具Wireshark(过滤)
- Spring XML和Annotation混合配置的时候,XML中Bean名称写错会导致启动异常不打印、死循环
- 从零开始搭建包含多个子系统的Vue工程项目
- ILMerge最佳实践
- 一个简单的Python多线程