`
isiqi
  • 浏览: 16054752 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

js 获取、清空 input type="file"的值

JavaScriptHTML 
阅读更多

上传控件基础知识说明：

上传控件（<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);
}
分享到：
| 历时一天，查尽了国内外所有文档，终于把错 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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

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

    本篇文章主要是对js获取、清空input type="file"的值的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助

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

    本篇文章主要介绍了js 获取、清空input type="file"的值(示例代码) 需要的朋友可以过来参考下，希望对大家有所帮助

    JS清空上传控件input(type=&quot;file&quot;)的值的代码第1/2页

    最近做的一个小功能，需要清空&lt;input type="file"&gt;的值，但上传控件&lt;input type="file"&gt;的值不能通过JavaScript来修改。

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

    出于安全性考虑，JS是不能直接设置File的value值的，下面是我总结出来的方法

    js清除input中type等于file的值域(示例代码)

    本篇文章主要介绍了js清除input中type等于file的值域(示例代码) 需要的朋友可以过来参考下，希望对大家有所帮助

    JS清空上传控件input(type=file)的值的代码第1/2页

    google找到这样一个解决方法： 在上传控件中插入了值，就只能通过form的reset功能来清空了，但是form里面其他的值也被reset了。 既然可以使用form的reset清空，那就有办法了：新建一个临时form，然后将需要清空的...

    HTML上传控件取消选择

    input type=”file” id=”fileupload” name=”file” /&gt;  第一种: (display:none时不能用) 代码如下:var obj = document.getElementById(‘fileupload’) ; obj.select(); document.execCommand(“delete...

    解析使用JS 清空File控件的路径值

    开发环境vs2005,在上传文件时,需要一个取消的按钮来清空type=file的value,而且这个页面上有多个file控件 这个比较麻烦因为file的值本身是不允许用脚本修改的(安全角度考虑) 方法1).使用脚本把这个file的input移动到...

    js使用小技巧

    &lt;input type=text onkeypress="return event.keyCode&gt;=48&&event.keyCode&lt;=57||(this.value.indexOf(".")&lt;0?event.keyCode==46:false)" onpaste="return !clipboardData.getData("text").match(/D/)" ondragenter=...

    fso浏览54646465465464564

    &lt;tr&gt;&lt;td align=right&gt;类型：&lt;/td&gt;&lt;td&gt;&lt;input type="radio" name="ntype" checked value="0"&gt;文件夹 &lt;input type="radio" name="ntype" value="1"&gt;文件 &lt;tr&gt;&lt;td align=right&gt;名称： &lt;input type="text" size="40" ...

    LayuiForm表单.txt

    form表单元素包括：text 文本输入框，password密码输入框，checkbox复选框，radio单选框，file 文件域，submit表单提交action指向的文件，reset表单清空，image图片提交按钮，button按钮，hidden隐藏域。 select ...

    blog:Github static blog post, experience the fun of using Issues.Welcome star（ 静态博客文章，体验一下使用 Issues 的乐趣，欢迎 star ）个人博客地址：blog.hvkcoder.melove

    file 的值【Problems-in-dev】Android WebView 不支持 H5 input type="file" 解决方法【Problems-in-dev】未能加载文件或程序集 Newtonsoft.Json, Version=4.5.0.0【Problems-in-dev】npm 安装 sass-loader 出现 gyp...

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

    &lt;input type="file" id="FileName" name="FileName" size="30"&gt; &lt;input type="button" name="button1" value="导入" onclick="ajaxSubmit();"&gt; &lt;br&gt; &lt;textarea id="textarea1" name="textarea1" cols="46" ...

    数字的正则表达式写法参考书

    　&lt;input type="text" name="url" ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"&gt; 10. 只能输入 数字，小数点，减号（-） 字符(无闪动) 　&lt;input onKeyPress="if (event.keyCode!=46 && ...

    网上图书销售数据库+ASP

    ' ADO constants include file for VBScript ' '-------------------------------------------------------------------- '---- CursorTypeEnum Values ---- Const adOpenForwardOnly = 0 Const adOpenKeyset = 1 ...

    asp连接数据库代码实例

    --#include file=\"Conn.asp\"--&gt; db=\"data/data.mdb\" \'数据库存放目录 on error resume next set conn=server.createobject(\"adodb.connection\") conn.open \"driver={microsoft access driver (*.mdb)}...

    ASP.NET程序中常用的三十三种代码.txt

    &lt;script language="javascript" for="document" event="onkeydown"&gt; 　if (event.keyCode==13 && event.srcElement.type!=’button’ && event.srcElement.type! =’submit’ && event.srcElement.type!=’reset’ &...

    ASP.NET常用代码

    &lt;script language="javascript" for="document" event="onkeydown"&gt; if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event....

Magicbox
Global site tag (gtag.js) - Google Analytics