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

目录
相关文章
|
7月前
|
Web App开发 移动开发 JavaScript
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
184 0
|
10月前
|
搜索推荐 JavaScript 数据可视化
数据可视化大屏高德地图javascript webAPI开发的智慧治安物联网管理系统实战解析(web GIS、3D视图、个性化地图、标注、涟漪动画、自定义弹窗、3D控件)
数据可视化大屏高德地图javascript webAPI开发的智慧治安物联网管理系统实战解析(web GIS、3D视图、个性化地图、标注、涟漪动画、自定义弹窗、3D控件)
398 0
|
JavaScript SQL 前端开发
FineReport 复选框实现多个值查询(使用JS通过文本控件作为值传递实现)
FineReport 复选框实现多个值查询(使用JS通过文本控件作为值传递实现) 给复选框添加编辑后事件,事件使用Javascript,具体的js如下
573 0
|
前端开发 JavaScript
|
JavaScript 前端开发
Angular input控件的click事件表达式如何被转换成JavaScript函数
Angular input控件的click事件表达式如何被转换成JavaScript函数
119 0
Angular input控件的click事件表达式如何被转换成JavaScript函数
|
JavaScript 前端开发 API
如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数
如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数
如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数
|
JavaScript 前端开发 API
如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数
我有个 UI5 按钮,想用原生 js 去触发 click 事件。在 dom 上检测到 click 已经触发了,但是按按钮的动作响应没有发生。请问如何解决,谢谢。
210 0
如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数
|
JavaScript 前端开发
Angular input控件的click事件表达式如何被转换成JavaScript函数
Angular input控件的click事件表达式如何被转换成JavaScript函数
Angular input控件的click事件表达式如何被转换成JavaScript函数
|
JavaScript 前端开发
JavaScript日期选择控件Kalendae
在线演示 本地下载
987 0
|
JavaScript C# Android开发
在UAP中如何通过WebView控件进行C#与JS的交互
原文:在UAP中如何通过WebView控件进行C#与JS的交互  最近由于项目需求,需要利用C#在UWP中与JS进行交互,由于还没有什么实战经验,所有就现在网上百度了一下,但是百度的结果显示大部分都是在Android和IOS上面的方法,UWP中的几乎没有。
1147 0