`
wangyanlong0107
  • 浏览: 495073 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

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

    博客分类:
  • js
 
阅读更多

用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控件,所以推荐使用第一个方法

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

分享到:
评论

相关推荐

    javascript input自动赋值

    在上述例子中,无论使用原生JavaScript还是jQuery,我们都是通过获取input元素并设置其value属性来实现自动赋值的。这种方法对于动态页面尤其有用,比如从服务器获取数据后填充表单,或者根据用户的行为改变输入框的...

    清空input类型为file的value属性值的方法

    当页面刷新后,这个路径通常会消失,但如果我们想在JavaScript中手动清除它,直接将`value`属性设置为空字符串并不会有效,因为`&lt;input type="file"&gt;`是只读的。这意味着你不能直接通过赋值的方式来修改`value`属性...

    input 标签的属性

    &lt;input type="text" name="yourname" size="30" maxlength="20" value="初始宽度为30,最大长度为20"&gt;&lt;br&gt; 只读模式: &lt;input type="text" name="yourname" size="30" maxlength="20" readonly value="只读状态"&gt; ...

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

    对于给`&lt;input type="file"&gt;`元素赋予初始值,一种方法是在页面加载时,通过JavaScript设置其`value`属性。然而,由于安全原因,直接设置`value`属性对`&lt;input type="file"&gt;`无效。另一种方法是利用`&lt;iframe&gt;`来预...

    input file图片上传即时预览

    在`change`事件中,获取用户选择的文件,然后使用FileReader对象的`readAsDataURL`方法读取文件内容,并将其转换为Base64编码的URL,最后将这个URL赋值给`&lt;img&gt;`元素的`src`属性,完成预览。 ```javascript ...

    jQuery完全实例.rar

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

    input标签里面的name与value的区别

    type="button",这就是一个按钮) type可选的值如下: button 按钮 checkbox 复选按钮组件 file 文件上传组件 hidden 隐藏域 image 图片区域 password 密码输入文本框 radio 单选按钮组件 reset 重置表单按钮 submit...

    input file获得文件根目录简单实现

    - `document.getElementById("file").value`获取了`&lt;input type="file"&gt;`元素的值,这个值通常是一个相对路径,而不是绝对路径,因为浏览器出于安全原因不会提供完整的文件系统路径。 - `myform.root.value=root;`将...

    vue 清空input标签 中file的值操作

    当用户选择文件后,`onUpload`方法会被调用,此时通过`this.$refs.pathClear`获取到`&lt;input type="file"&gt;`元素的引用,然后将其`value`属性设置为空字符串,从而清空文件选择状态。 除了使用Vue的`$refs`机制,还有...

    jQuery中:file选择器用法实例

    在jQuery库中,`:file`选择器是一种特殊的选择器,用于选取HTML文档中类型为`&lt;input type="file"&gt;`的元素。这类元素通常用于让用户从本地计算机中选择文件,以便上传到服务器。`:file`选择器是jQuery提供的众多基于...

    html5实现摄像头拍照并使用java进行照片保存

    `&lt;input type="file" capture="user"&gt;`元素可以用来激活摄像头。以下是一个简单的HTML示例: ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;HTML5摄像头拍照&lt;/title&gt; &lt;script src="photobooth_min.js"&gt;&lt;/script&gt;...

    如何将一个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=...

    multipartform-data 参数传递

    - 根据`&lt;input type="file"&gt;`的值是否为空来决定不同的`action`地址。 - 使用`encodeURIComponent`对`status`值进行编码,防止URL中的特殊字符引起问题。 - 最后调用`form2.submit()`提交表单。 #### 总结 本...

    JavaScript学习笔记

    3. **文件调用式**:将JavaScript代码写入单独的`.js`文件中,然后在HTML文档中通过`&lt;script src="file.js"&gt;&lt;/script&gt;`标签引入该文件。例如: ```html &lt;!-- myjs.js 文件 --&gt; function method2() { alert(...

    【JavaScript源代码】js实现复制粘贴的两种方法.docx

    - 复制的内容会被临时存储在一个动态生成的`&lt;input&gt;`元素中。 - 完成复制后,会立即移除该输入框。 - **问题**:初次点击可能不会触发复制操作,需要连续点击两次才有效。 ##### 第二种方法:使用ClipboardJS库 ...

    清空上传控件input file的值

    `: 这行代码首先定义了一个变量 `obj`,并将其赋值为页面中指定的`&lt;input type="file"&gt;`元素。这里使用了JavaScript的DOM操作,通过`querySelector`或`getElementById`等方法获取该元素,但由于提供的代码没有具体...

    Java Web应用开发 单元2 课堂及课后实践.docx

    &lt;input type="submit" value="Login" /&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; ``` ```jsp &lt;!-- dologin.jsp --&gt; &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;%@ page ...

    将input file的选择的文件清空的两种解决方案

    在网页表单中,`&lt;input type=...总的来说,清空`&lt;input type="file"&gt;`元素选择的文件可以通过多种技术实现,但考虑到浏览器的差异性,推荐使用事件监听和直接修改`value`属性的方式,以确保在各种环境下都能正常工作。

    我收集的一些js的题目

    在 JavaScript 中,获取表单&lt;select&gt;域的选择部分的文本可以通过使用 selectedIndex 属性和 options 集合来实现。例如: ```html &lt;form name="a"&gt; &lt;select name="a" size="1" onchange="_sel(this)"&gt; &lt;option ...

Global site tag (gtag.js) - Google Analytics