软件学堂

网游分类软件分类

清空上传控件内容JS代码怎么写

2012-11-10 来源:网络

【实例名称】

清空上传控件内容JS代码怎么写

【实例描述】

HTML中提供的上传控件“file”,在选定上传文件后,文件名是不允许手动修改的,必须通过选择文件对话框实现修改。本例介绍如何使用JaVascript实现上传控件内容的手动清空。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <script LANGUAGE="JavaScript"> function clearFile() { var myfile = document.getElementById('file'); myfile.outerHTML="<input type=\'file\' id=\'file\'>"; } </script> </head> <body> <input type="file" id="file" /> <input type="button" id="btn" value="清空" onclick="clearFile()" /></body> </html>

【运行效果】

 上传控件内容清空运行效果

【难点剖析】

本例的重点是“outerHTML”属性。“outerHTML”包括整个标签,而不仅限于标签内部的内容。如本例中的file控件的“outerHTML”就是整个file控件的代码“<input type=“file”id=“file”/>”。

【源码下载】

为了JS代码的准确性,请点击:上传控件内容清空 进行本实例源码下载 

上一篇:win7防火墙怎么关闭
下一篇:JS实现textarea显示记事本文件的内容

相关文章