JS实现文件上传一次性完成

2012-11-10 来源：网络

【实例名称】

JS实现文件上传一次性完成

【实例描述】

默认的HTML控件file可以实现文件的上传，但必须经过选择文件和单击上传按钮两个步骤。本例学习如何实现一步上传文件的操作。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
</head>
<body>
<input id="myfile" type="file" style="display:none" 
onpropertychange="document.getElementById('filename').
innerText=this.value" />
<a href="javascript:document.getElementById('myfile').click()">
浏览...</a>
<br />
<span id="filename"></span>
</body>
</html>

【运行效果】

上传文件一次完成运行效果