`
mickey凡
  • 浏览: 7266 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

用JS为 <input type=file>的value属性动态赋值

 
阅读更多
用JS为 <input type=file>的value属性动态赋值

在 HTML 文档中 ,<input type="file"> 标签是浏览器向服务器发送选中文件的。该元素有一个 value 属性,保存了用户指定的文件的名称,为安全起见,file-upload 元素的value 属性是只读的,不允许程序员修改它的值,并且HTML value 属性也会被忽略。不过有时候我们需要将这个标签的value的值清空,这就需要我们动动脑筋了。

假设我们已经得到了该file input的对象,为file_input_obj,下面是两种修改该标签value属性的方法:
方法一:
file_input_obj.outerHTML=file_input_obj.outerHTML.replace(/(value=\").+\"/i,"$1\"");
我们也可以根据这个思路,举一反三,比如先对该标签进行克隆,然后再替换掉该节点,等等,随便你怎么发挥都行。

方法二:
var WshShell=new ActiveXObject("WScript.Shell");
file_input_obj.focus();
file_input_obj.createTextRange().select();
WshShell.SendKeys("{del}");
使用这中方式,需要允许ActiveX控件,所以推荐使用第一个方法

这既解决了我们遇到的问题,同时也为我们提供了一种解决问题方式,我们可以用类似的方法去解决类似的问题。
分享到:
评论

相关推荐

    js 获取、清空input type=file的值(示例代码)

    上传控件(&lt;input type=”file”/&gt;)用于在客户端浏览并上传文件,用户选取的路径...js 获取&lt;intput type=file&gt;的值 代码如下:&lt;html&gt;[removed] function show(){ var p=document.getElementById(“file

    jQuery完全实例.rar

    创建一个 &lt;input&gt; 元素必须同时设定 type 属性。因为微软规定 &lt;input&gt; 元素的 type 只能写一次。 jQuery 代码: // 在 IE 中无效: $("&lt;input&gt;").attr("type", "checkbox"); // 在 IE 中有效: $("&lt;input type='...

    input file的默认value清空与赋值方法

    把input file類型的value清空–Test by 编程浪子 清除大法1:李代桃僵 清除大法2:暗渡陈仓 清除大法3:声东击西 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 一打开就给FILE域默认值的方法 ...

    如何将一个TXT文档里内容导入到文本框里

    &lt;br&gt;&lt;font color="#009900" size="3"&gt;&lt;b&gt;JS读取文本文件的内容并赋值给textarea控件&lt;/b&gt;&lt;/font&gt;&lt;br&gt;&lt;br&gt; &lt;form id="form1" name="form1" action="index.asp?Action=Write" method="post"&gt; &lt;input type="file" id=...

    PHP基础教程 是一个比较有价值的PHP新手教程!

    $a &lt;= $b :小于等于 $a &gt; $b :大于 $a &gt;= $b :大于等于 与C一样PHP也有三重运算符(?:)。位操作符在PHP同样存在。 优先权 就和C以及Java一样! 2.7 控制流程结构 PHP有着与C一样的流程控制。我将在下面大概...

    JavaScript操作文件_动力节点Java学院整理

    input type=”file”&gt;。 注意:当一个表单包含&lt;input type=”file”&gt;时,表单的enctype必须指定...的value赋值是没有任何效果的。当用户选择了上传某个文件后,JavaScript也无法获得该文件的真实路径: 通常,

    delphi编译错误.txt

    Illegal character in input file: ''''&lt;char&gt;'''' ($&lt;hex&gt;) 在输入文件中的非法字符''''&lt;char&gt;'''' Illegal message method index 非法的消息方法指针 Illegal reference to symbol ''''&lt;Name&gt;'''' in object file ...

    大名鼎鼎SWFUpload- Flash+JS 上传

     SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统&lt;input type="file" /&gt;标签的文件上传模式。 [编辑本段]SWFUpload...

    From C to C++

    if(ms[i]&gt;='a'&&ms[i]&lt;='z') ms[i]-='\x20'; puts(ms); return 0; } /* path d:\wingw\bin gcc abc.c -o abc.exe */ //------------------------------ // A better C Program! #include &lt;stdio.h&gt; #define ...

    javascript语言参考+教程 CHM

    左移赋值运算符 (&lt;&lt;=); 逻辑“与”运算符 (&&); 逻辑“非”运算符 (!); 逻辑“或”运算符 (||); 取余赋值运算符 (%=); 取余运算符 (%); 乘法赋值运算符 (*=); 乘法运算符 (*); new 运算符; 右移赋值运算符 ...

    香农编码实验报告.doc

    添加上赋值符号 error C2018: unknown character '0xa1' 原因:有不能被识别的符号 纠错:在错误处将不能识别的符号改为符合C语言规范的符号 error C2021: expected exponent value, not ' ' 原因:if(fabs(sum-1.0)...

    c# 加密和解密相关代码

    else if (UnicodeChar &gt;= 110 && UnicodeChar &lt;= 122) //对字符进行解密 { UnicodeChar = UnicodeChar - 13; } else if (UnicodeChar &gt;= 65 && UnicodeChar &lt;= 77) //对字符进行加密 { UnicodeChar = UnicodeChar + ...

    HGE_系列教材(1-9)

    &lt;1&gt; 资源的打包(pack):HGE 使用ZIP 格式的资源包,你可以使用任何的打包工 具,甚至还可以给资源包加密 &lt;2&gt; 纹理(Texture)工具 &lt;3&gt; 粒子系统编辑器:能够设定粒子的速度,方向,生命周期,轨迹,颜色,透明等 ...

    orcale常用命令

    使用INPUT命令可以在SQL缓冲区中增加一行或多行 SQL&gt;i SQL&gt;输入内容 e、调用外部系统编辑器 SQL&gt;edit 文件名 可以使用DEFINE命令设置系统变量EDITOR来改变文本编辑器的类型,在login.sql文件中定义如下一行 DEFINE_...

    C语言程序设计标准教程

     fopen函数用来打开一个文件,其调用的一般形式为: 文件指针名=fopen(文件名,使用文件方式) 其中,“文件指针名”必须是被说明为FILE 类型的指针变量,“文件名”是被打开文件的文件名。 “使用文件方式”是指...

    C# for CSDN 乱七八糟的看不懂

    关系运算符 &lt;,&lt;=,&gt;,&gt;= 等于:== 不等于:!= 判断字符串 string 和 char 用 Equals 方法。 逻辑运算符 与:a & b 或:a | b 第8页 C#(WINFORM)学习 非:! A 模数运算符 模数运算符 (%) 计算第二个操作数除第一个...

    最全的oracle常用命令大全.txt

    使用INPUT命令可以在SQL缓冲区中增加一行或多行 SQL&gt;i SQL&gt;输入内容 e、调用外部系统编辑器 SQL&gt;edit 文件名 可以使用DEFINE命令设置系统变量EDITOR来改变文本编辑器的类型,在login.sql文件中定义如下一行 DEFINE_...

    ZendFramework中文文档

    8.1.1. 为什么使用 Zend_Currency ? 8.2. 如何使用货币 8.2.1. 从货币创建输出 8.2.2. 修改货币格式 8.2.3. Zend_Currency 的信息方法 8.2.4. 设置新缺省值 8.2.5. 加速 Zend_Currency 8.3. 从前面的版本迁移...

    Java 2实用教程(第三版)实验指导与习题解答

    &lt;=99999) //判断number在1至99999之间的条件 { d5=number0000/10000; //计算number的最高位(万位)d5 d4=number000/1000; //计算number的千位d4 d3=number00/100; //计算number的百位d3 d2=number0/10; d1=...

Global site tag (gtag.js) - Google Analytics