一、file上传组件
<input type="file" id="uploadFile" />
二、遇到的问题:
当出现文件类型不符合等失败情况后,希望将组件中的地址清空
即:<input type="file" id="uploadFile" value=""/>
在FF下直接使用this.value = ""即可,但是IE却不能达到预期效果
三、解决方案:
1、使用document.execCommand('Delete', false, null)
分析:
这个方案可以在IE下达到效果,只是同时也引入了新的问题:如果不刷新页面,IE下无法进行第二次提交
IE下会有“拒绝访问”的提示。
2、使用form.reset()将上传组件内容清空
需求:form中有其他字段,不刷新页面,不希望清空
解决方式:
1)新建一个tempForm为临时form
2)将原Form中的钙file组件加入到tempForm中
3)tempForm.reset()将file组件内容清空
4)将file组件再移回原Form
示例代码:
if (!_vali['_v2'].validate()) {// 验证失败
this.value = ''; // FF 清空输入内容
// IE清空内容
var zipFileInput = D.get('zipFile');
if(zipFileInput && zipFileInput.value != ''){
var tempForm = document.forms['tempForm'];
tempForm.appendChild(zipFileInput);
tempForm.reset();
var afterZipFile = D.get('zipFile-advice');
if(afterZipFile){
D.insertBefore(tempForm['zipFile'], afterZipFile);
}
tempForm.removeChild(zipFileInput);
}
}
分享到:
相关推荐
解决用js清空file选中图片内容不好完成的烦恼,非常好用
自己总结的file上传数据的一些小经验,给大家分享下,希望对大家有帮助
js 添加 删除 file组件
jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。
iView 主要服务于 PC 界面的中后台业务,是一套高质量的开源 UI 组件库。这篇文章主要介绍了iView 上传组件之手动上传功能,需要的朋友可以参考下
此包中包含了使用common file upload组件必须要的两个组件!
使用FileUpload组件实现上传功能,供大家一起共同分享学习。
input file上传图片预览
template中: <input type=”file” ref=”...上传文件时,选择了文件后想清空文件路径,搜索了一下,用两种方法解决 第一种 var obj = document.getElementById(‘fileupload') ; obj.select(); document.selectio
主要为大家详细介绍了使用fileupload实现文件上传功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
ntsky文件上传组件ntsky文件上传组件ntsky文件上传组件ntsky文件上传组件ntsky文件上传组件ntsky文件上传组件ntsky文件上传组件
FileUpload_php是一个仿163编辑上传组件!
本组件能将附件直接插入到数据库中,数据库结构可以由用户自己定义.
只修改input file组件的浏览按钮样式
linux下不删除文件,清空文件内容命令
Android 无法创建File文件 ,在上传图片的时候报错,提示file文件夹未空或在手机清空缓存删除文件夹后 文件夹无法创建 使用file.mkdirs()方法 返回一直是false 提供的功法可以直接解决该问题
上传文件时,选择了文件后想清空文件路径,经搜索发现个不错的方法在此与大家分享下,感兴趣的朋友不要错过
jQuery File Upload 基于Jquery的图片上传组件.zip
jQuery File Upload 是一个 jQuery 图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。 1、多文件上传: 允许一次选择多个文件...