- 浏览: 502302 次
- 性别:
- 来自: 沈阳
文章分类
- 全部博客 (437)
- Windows设置 (2)
- oracle数据库 (39)
- bug--jsp (4)
- j2se (13)
- js (40)
- bug-tomcat不能启动程序 (1)
- Hibernate (29)
- eclipse (20)
- java (65)
- 设计模式 (6)
- bug (18)
- PL/SQL (11)
- 前台 (5)
- 杂谈 (25)
- UML (1)
- jdbc编程 (2)
- 技术调研 (1)
- 数据通信 (2)
- ios (1)
- servlet自学笔记 (10)
- tomcat (9)
- SQL学习笔记 (6)
- java工具 (1)
- 数据库设计 (4)
- javascript (10)
- jsp (11)
- struts (17)
- ajax (7)
- linix/Unix (6)
- 资源 (3)
- spring (14)
- 算法 (5)
- 计算机网络 (2)
- http (5)
- c++ (2)
- web应用 (3)
- jvm (5)
- java中的字符编码 (14)
- java代码库 (2)
- classloader (1)
- 读书笔记 (1)
- c (1)
- 开源软件 (1)
- svn (1)
- AOP (1)
- java序列化 (1)
- 多线程 (4)
- The legendary programmers (1)
- Apache http Server (1)
- html tag (3)
- struts1.X学习笔记 (5)
- buffalo (1)
- 自己收藏 (0)
- TOEFL(IBT) (1)
- 网络翻墙 (0)
- 编译原理 (1)
- 书籍推荐 (1)
- css (10)
- javaee环境搭建资料 (1)
- 开源工具 (1)
- 美国生活 (1)
- spring自学 (3)
- log4j (3)
- 算法与数据结构 (5)
- 病毒,插件处理大全 (1)
- flex (2)
- webservice (1)
- git (7)
- cs (1)
- html (4)
- javaee (6)
- 开车 (0)
- springmvc (3)
- 互联网架构 (2)
- intellij idea (18)
- maven (15)
- mongodb (2)
- nginx (1)
- react (3)
- java基础例子 (2)
- springboot (2)
- 培训 (5)
- mysql (3)
- 数据库 (3)
- 生活 (2)
- intellij (3)
- linux (2)
- os (3)
最新评论
-
潇洒天涯:
[color=blue][color=cyan] ...
oracle 通过 nvl( )函数sql 查询时为 空值 赋默认值 -
hekai1990:
受教了..
oracle中的varchar2
用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控件,所以推荐使用第一个方法
这既解决了我们遇到的问题,同时也为我们提供了一种解决问题方式,我们可以用类似的方法去解决类似的问题。
发表评论
-
【转】Jquery修改iframe内容
2018-12-19 04:24 853query取得iframe中元素的几种方法 在iframe ... -
【转】jQuery ajax()使用serialize()提交form数据
2018-12-19 04:22 889jQuery的serialize()方法通过序列化表单值,创 ... -
js获取web的root path
2018-04-25 00:50 1014function getRootPath(){ // ... -
[转]js 判断变量的数据类型
2018-04-06 06:03 0http://www.jb51.net/article/457 ... -
jquery,ajax,jsonp例子+springmvc后台
2017-11-05 20:26 728<script src="js/jquer ... -
jQuery之防止冒泡事件
2017-09-28 21:16 506冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点 ... -
【转】解析Javascript事件冒泡机制
2017-09-28 21:11 7261. 事件 ... -
Chrome 的审查元素功能有哪些奇技淫巧?
2017-09-27 18:31 582https://www.zhihu.com/question/ ... -
【转】javascript运行机制之执行顺序详解
2017-08-02 15:24 549JavaScript是一种描述型脚本语言,它不同于java ... -
让DIV中的垂直滚动条自动滚到最底部
2017-07-16 10:23 1241在聊天窗口中当消息增多超过消息窗体DIV的高度时就会出现滚动 ... -
10个JavaScript测试
2017-05-03 10:12 5091、考察this -
jsonp详解
2017-03-31 10:15 536json相信大家都用的多 ... -
必读js书籍
2017-01-13 15:33 410一个很好的起点是Kyle Simpson的系列读物:Y ... -
window.close()不出现提示框的方法
2015-12-02 15:15 724当我们使用window.close()时经常会出现一个提示框 ... -
document.getElementByClassName("classname")是原生JS吗?
2015-04-17 19:31 932需求:比较税前薪资是否在薪资范围内,超过范围则薪资输出变红色 ... -
【转】Ajax框架Buffalo深度研究
2012-11-20 11:33 1361Buffalo深度研究 ——2010.01.11, IT ... -
js dom
2012-11-08 19:03 0Dom元素基本操作方法API,先记录下,方便以后使用。 ... -
js dom代码
2012-11-08 19:03 785简单的表格: 复制代码代码如下: <table&g ... -
HTML中相对URL的选取
2012-11-08 18:50 792转自:http://blog.csdn.net/g ... -
【转】JS DOM
2012-11-01 20:48 714Dom元素基本操作方法AP ...
相关推荐
在上述例子中,无论使用原生JavaScript还是jQuery,我们都是通过获取input元素并设置其value属性来实现自动赋值的。这种方法对于动态页面尤其有用,比如从服务器获取数据后填充表单,或者根据用户的行为改变输入框的...
- `document.getElementById("file").value`获取了`<input type="file">`元素的值,这个值通常是一个相对路径,而不是绝对路径,因为浏览器出于安全原因不会提供完整的文件系统路径。 - `myform.root.value=root;`将...
当页面刷新后,这个路径通常会消失,但如果我们想在JavaScript中手动清除它,直接将`value`属性设置为空字符串并不会有效,因为`<input type="file">`是只读的。这意味着你不能直接通过赋值的方式来修改`value`属性...
<input type="text" name="yourname" size="30" maxlength="20" value="初始宽度为30,最大长度为20"><br> 只读模式: <input type="text" name="yourname" size="30" maxlength="20" readonly value="只读状态"> ...
对于给`<input type="file">`元素赋予初始值,一种方法是在页面加载时,通过JavaScript设置其`value`属性。然而,由于安全原因,直接设置`value`属性对`<input type="file">`无效。另一种方法是利用`<iframe>`来预...
在`change`事件中,获取用户选择的文件,然后使用FileReader对象的`readAsDataURL`方法读取文件内容,并将其转换为Base64编码的URL,最后将这个URL赋值给`<img>`元素的`src`属性,完成预览。 ```javascript ...
创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次。 jQuery 代码: // 在 IE 中无效: $("<input>").attr("type", "checkbox"); // 在 IE 中有效: $("<input type='...
type="button",这就是一个按钮) type可选的值如下: button 按钮 checkbox 复选按钮组件 file 文件上传组件 hidden 隐藏域 image 图片区域 password 密码输入文本框 radio 单选按钮组件 reset 重置表单按钮 submit...
当用户选择文件后,`onUpload`方法会被调用,此时通过`this.$refs.pathClear`获取到`<input type="file">`元素的引用,然后将其`value`属性设置为空字符串,从而清空文件选择状态。 除了使用Vue的`$refs`机制,还有...
在jQuery库中,`:file`选择器是一种特殊的选择器,用于选取HTML文档中类型为`<input type="file">`的元素。这类元素通常用于让用户从本地计算机中选择文件,以便上传到服务器。`:file`选择器是jQuery提供的众多基于...
解决无法为FIle控件赋值的问题!并且支持中文赋值问题
`<input type="file" capture="user">`元素可以用来激活摄像头。以下是一个简单的HTML示例: ```html <!DOCTYPE html> <html> <head> <title>HTML5摄像头拍照</title> <script src="photobooth_min.js"></script>...
<br><font color="#009900" size="3"><b>JS读取文本文件的内容并赋值给textarea控件</b></font><br><br> <form id="form1" name="form1" action="index.asp?Action=Write" method="post"> <input type="file" id=...
- 根据`<input type="file">`的值是否为空来决定不同的`action`地址。 - 使用`encodeURIComponent`对`status`值进行编码,防止URL中的特殊字符引起问题。 - 最后调用`form2.submit()`提交表单。 #### 总结 本...
3. **文件调用式**:将JavaScript代码写入单独的`.js`文件中,然后在HTML文档中通过`<script src="file.js"></script>`标签引入该文件。例如: ```html <!-- myjs.js 文件 --> function method2() { alert(...
- 复制的内容会被临时存储在一个动态生成的`<input>`元素中。 - 完成复制后,会立即移除该输入框。 - **问题**:初次点击可能不会触发复制操作,需要连续点击两次才有效。 ##### 第二种方法:使用ClipboardJS库 ...
`: 这行代码首先定义了一个变量 `obj`,并将其赋值为页面中指定的`<input type="file">`元素。这里使用了JavaScript的DOM操作,通过`querySelector`或`getElementById`等方法获取该元素,但由于提供的代码没有具体...
<input type="submit" value="Login" /> </form> </body> </html> ``` ```jsp <!-- dologin.jsp --> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page ...
本文将详细解释如何使用 JavaScript 获取 `input[type=file]` 元素的值,并将其显示在页面上。 首先,HTML 中的 `input[type=file]` 元素允许用户从本地文件系统选择文件。基本的 HTML 结构可能如下所示: ```html...