js 获取、清空input type="file"的值示例代码
时间:2024-04-22 13:07:14
上传控件基础知识说明:
上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过javascript来赋值,这就使得不能通过value=""语句来清空它。很容易理解为什么只读,如果可以随意赋值的话,那么用户只要打开你的网页,你就可以随心所欲的上传他电脑上的文件了。
js 获取<intput type=file />的值
<html>
<script language='javascript'>
function show(){
var p=document.getElementById("file1").value;
document.getElementById("s").innerHTML="<input id=pic type=image height=96 width=128 /> ";
document.getElementById("pic").src=p;
alert(p);
}
</script>
<head>
<title>MyHtml.html</title>
</head>
<body>
<input type="file" name="file1" id="file1" onpropertychange="show();" />
<span id="s"></span>
</body>
</html>
清空上传控件(<input type="file"/>)的值的两种方法
方法1:
<span id=span1>
<input name=ab type=file>
</span>
<input name=button1 type=button value="按" onclick=show()>
<script language=javascript>
function show()
{
document.getElementById("span1").innerHTML="<input name=ab type=file>";
}
</script>
方法2:
function clearFileInput(file){
var form=document.createElement('form');
document.body.appendChild(form);
//记住file在旧表单中的的位置
var pos=file.nextSibling;
form.appendChild(file);
form.reset();
pos.parentNode.insertBefore(file,pos);
document.body.removeChild(form);
}
标签:input,type,file,js
0
投稿
猜你喜欢
Pytorch:Conv2d卷积前后尺寸详解
2021-01-18 23:36:54
python 多线程应用介绍
2023-07-13 08:04:04
Django创建项目+连通mysql的操作方法
2024-01-12 17:16:42
python 实时得到cpu和内存的使用情况方法
2023-10-05 20:03:24
JS实现水平遍历和嵌套递归操作示例
2024-04-22 12:48:01
FckEditor 配置手册中文教程详细说明
2023-06-18 20:35:59
Python tkinter 多选按钮控件 Checkbutton方法
2022-12-31 08:38:46
Python calendar模块详情
2023-08-20 23:04:59
Python常用图像形态学操作详解
2023-07-27 18:14:51
vue cli2 和 cli3去掉eslint检查器报错的解决
2024-05-29 22:23:31
浅谈怎么给Python添加类型标注
2023-11-21 05:16:17
django实现类似触发器的功能
2023-10-10 22:36:41
常用的javascript设计模式
2023-08-18 06:54:27
js实现的全国省市二级联动下拉选择菜单完整实例
2023-09-09 05:21:01
有关perl的内置特殊变量介绍
2023-08-02 23:29:29
配置 Pycharm 默认 Test runner 的图文教程
2023-12-06 09:03:32
asp动态调用不同include文件方法
2007-09-26 14:22:00
OBJECTPROPERTY与sp_rename更改对象名称的介绍
2024-01-19 21:47:46
CentOS 6.4安装配置LAMP服务器(Apache+PHP5+MySQL)
2023-11-21 21:42:33
SqlServer存储过程实现及拼接sql的注意点
2024-01-24 17:12:17