`
jackroomage
  • 浏览: 1196997 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

<input type="file" id="fileID">这个文本框里的值 怎么清空啊?

 
阅读更多

来源:

<input type="file" id="fileID">这个文本框里的值 怎么清空啊?

 

一般情况下,不允许通过脚本来对文件上传框赋值。

下面给你一个变通的方法。就是创建一个新的input type="file"把原来的替换掉。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
    <script type="text/javascript">
        function clearFile() {
            var oldFile = document.getElementById("fileID");
            var newFile = document.createElement("input");
            newFile.id = oldFile.id;
            newFile.type = "file";
            oldFile.parentNode.replaceChild(newFile, oldFile);
        }
    </script>
</head>
<body>
    <div>
    <input type="file" id="fileID" />
    <input type="button" value="clear file" onclick="clearFile()" />
    </div>
    </body>
</html>

 

 

 

分享到:
评论

相关推荐

    uploadify-master.zip

    class="up_btn"&gt;上移&lt;/span&gt;&lt;span id="${DownBtnID}" class="down_btn"&gt;下移&lt;/span&gt;&lt;span class="up_filename"&gt;${fileName}&lt;/span&gt;&lt;input type="hidden" id="${FilePathID}" class="hidden_file" /&gt;&lt;input type=...

    ssh(structs,spring,hibernate)框架中的上传下载

    7. <id name="fileId" type="java.lang.String" column="FILE_ID"> 8. <generator class="uuid.hex"/> 9. </id> 10. <property name="fileContent" 11. type="org.springframework.orm.hibernate3.support....

    Jwebbrower

    java使用com来调用IE的开发示例

    PHP 文件上传功能实现代码

    个人认为PHP文件的上传和下载的思路差不多一样.也就是在代码中多了一个header...input type=”file” name=”FileName” id=”Fileid” value=”&lt;?php echo $_FILES[“file”][“name”];?&gt;” /&gt; &lt;h1&gt;&lt;/h

    repostorie.jar

    fileid=15775884';downishare('0');javascript:document.getElementById('downLoad').action='/download.php?fileid=15775884';downishare('0');javascript:document.getElementById('downLoad').action='/download....

    vue上传图片组件编写代码

    input @change=fileChange($event) type=file id=upload_file multiple style=display: none/&gt; 2.触发隐藏的文件标签:(通过原生的click来触发) document.getElementById('upload_file').click() 3.获取file...

    K1刷机教程1

    为了有的朋友不会刷机&lt;br&gt;我今天做个刷机教程...&lt;br&gt;我不打字了。。。&lt;br&gt;&lt;br&gt;1先装驱动&lt;br&gt;2装RSD(那个版本都可以)&lt;br&gt;3刷机包一个(我的是仲夏1.1)&lt;br&gt;其他的有p2ktools等。。。&lt;br&gt;没有的可以到...

    ajaxfileupload.js

    2.要上传的input-file元素,建议放id和name属性,而且这两个属性值要保持一致 3.后台代码中,response里的contenttype要设置为"text/html",前台的success回调中对返回值作处理 例子如下: js: $.ajaxFileUpload({...

    Simple-chat-with-transfer-file-client-server:此 repo 适用于我大学的 NetworkProgramming 项目

    简单聊天传输文件客户端服务器 .../file &lt;username&gt; &lt;filepath&gt;发送文件 /down &lt;fileid&gt;下载其他用户发送的文件 /list users列出服务器中的所有用户(请求用户除外) /list files列出用户可以下载的所有文件

    iWeb Office2000[EXE版]

    这个方案是整个办公系统中的文 档处理部分,完全与Microsoft Office兼容,软件开发公司可以利用该方案,与自己研制的 办公自动化系统相结合,开发出真正符合办公自动化需求的软件。 许可协议 ============...

    asp.net页面中时间格式化的示例

    asp.net页面将Eval中的时间显示为“yyyy-MM-dd”格式 代码如下:&lt;table&gt; &lt;tr&gt; &lt;td xss=removed valign=”top”&gt;【**平台】 &lt;a&gt;’ onclick=’openPreview(&lt;&#37;# Eval&#40;“fileId”&#41;%&gt;)’&gt;&lt;&#37;# ...

    iWeb Office2000[OCX版]

    这个方案是整个办公系统中的文 档处理部分,完全与Microsoft Office兼容,软件开发公司可以利用该方案,与自己研制的 办公自动化系统相结合,开发出真正符合办公自动化需求的软件。 许可协议 ============...

    iWeb Office2000[ASP版]

    这个方案是整个办公系统中的文 档处理部分,完全与Microsoft Office兼容,软件开发公司可以利用该方案,与自己研制的 办公自动化系统相结合,开发出真正符合办公自动化需求的软件。 许可协议 ============...

    c++操作Excel的一个动态库程序

    这是曾经做过的一个项目时写的一个动态库,用c++来操作Excel,包括以下功能: //===================================mainly function============================ //FuncName: xls_create //function: create ...

    iWeb Office2000[C#版]

    这个方案是整个办公系统中的文 档处理部分,完全与Microsoft Office兼容,软件开发公司可以利用该方案,与自己研制的 办公自动化系统相结合,开发出真正符合办公自动化需求的软件。 许可协议 ============...

    iWeb Office2000[.NET版]

    这个方案是整个办公系统中的文 档处理部分,完全与Microsoft Office兼容,软件开发公司可以利用该方案,与自己研制的 办公自动化系统相结合,开发出真正符合办公自动化需求的软件。 许可协议 ============...

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

    如下所示;var objFile = document.getElementById(‘fileID’);objFile.outerHTML=objFile.outerHTML.replace(/(value=\”).+\”/i,”$1\””);

    深入浅析AjaxFileUpload实现单个文件的 Ajax 文件上传库

    jQuery.AjaxFileUpload....input type=”file”&gt;的ID。 3,secureuri 是否启用安全提交,默认为false。 4,dataType 服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。 5,

    多功能提醒软件V4.1_邮件_闹钟_定时_关机_绿色

    &lt;br&gt;支持多邮箱提醒(本版本支持5个邮箱)。&lt;br&gt;可以设置口令保护你的信息。&lt;br&gt;如果你对我的软件有需求请发EMail:mj19771112@163.com,我会按您的要求及时改进。&lt;br&gt;下载地址...

    分布式文件系统.zip

    fastdfs提供的java客户端api,java相关功能都基于这个基础上封装,扩展,第三方应用不需要关心该接口. - fastdfs-core(HTTP服务器) 基于spring boot实现,提供http接口服务. 提供http服务器信息获取,http上传,http...

Global site tag (gtag.js) - Google Analytics