开发者社区> it徐胖子> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Js修改fileupload控件值的问题

简介:
+关注继续查看
 

1.关于如何用脚本修改fileupload控件值的问题,

开发环境vs2005,在上传文件时,需要一个取消的按钮来清空type=file的value,而且这个页面上有多个file控件

这个比较麻烦因为file的值本身是不允许用脚本修改的(安全角度考虑)

 

方法1.使用脚本把这个file的input移动到一个form中,然后调用reset,如果有多个这样的input当然还要再移出来.这个方法我不会采用,因为对.net开发者

来讲习惯了一个页面就一个form所有控件都在其中.

 

方法2.这个方法有点投机,就是在脚本中调用
var fileup = document.getElementByIdx_x(fileid);
fileup.outerHTML = fileup.outerHTML; 这个ie对脚本处理以及展现机制有关

 

方法3.这个主要是在解决ff上的问题时考虑到的,其实就是重新生成了一个id相同的file,这里要注意 name一定也要赋值,否则是很难提交给服务器接受的

 

 

在平时项目开发中会有上传文件的功能,一般在前端会通过JS来判断上传文件是否属于指定的文件类型,如果不属于就将控件值清空! (当然你也可以不清空)

有一种方法可以很简单的装文件上传组件的值清空,代码如下:
var file=document.getElementByIdx_x("form1:fileupload");
file.outerHTML=file.outerHTML

 

以上方法之能在IE中使用

为了兼容FireFox我们使用下面的方式来清空fileupload控件的值:

<span id='uploadSpan'>
<input type="file">
</span>
<script language="JavaScript">
var html=document.getElementByIdx_x('uploadSpan').innerHTML;

function resetFile()

{
document.getElementByIdx_x('uploadSpan').innerHTML=html;
}
</script>
这样就行了,各浏览器都支持的

 

原帖地址:http://www.cnblogs.com/jhxk/articles/1667803.html

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
FineReport 复选框实现多个值查询(使用JS通过文本控件作为值传递实现)
FineReport 复选框实现多个值查询(使用JS通过文本控件作为值传递实现) 给复选框添加编辑后事件,事件使用Javascript,具体的js如下
0 0
Angular input控件的click事件表达式如何被转换成JavaScript函数
Angular input控件的click事件表达式如何被转换成JavaScript函数
0 0
如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数
如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数
0 0
如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数
我有个 UI5 按钮,想用原生 js 去触发 click 事件。在 dom 上检测到 click 已经触发了,但是按按钮的动作响应没有发生。请问如何解决,谢谢。
0 0
Angular input控件的click事件表达式如何被转换成JavaScript函数
Angular input控件的click事件表达式如何被转换成JavaScript函数
0 0
JavaScript日期选择控件Kalendae
在线演示 本地下载
604 0
在UAP中如何通过WebView控件进行C#与JS的交互
原文:在UAP中如何通过WebView控件进行C#与JS的交互  最近由于项目需求,需要利用C#在UWP中与JS进行交互,由于还没有什么实战经验,所有就现在网上百度了一下,但是百度的结果显示大部分都是在Android和IOS上面的方法,UWP中的几乎没有。
613 0
+关注
it徐胖子
IT徐胖子
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Javascript中的函数
立即下载
Javascript异步编程
立即下载
JS零基础入门教程(上册)
立即下载