版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chengyi_L/article/details/51271918
1.上传文件一般通过<input type="file">这样来实现,但是file的按钮不是很美观。在日常应用中可以通过用一个a标签或者button触发file的click事件来弹出文件窗口。还能通过onchange事件与iframe结合来控制异步。
例:
html代码
<pre name="code" class="html">
<a href="javascript:void(0)" onclick="javascript:upImage()" >选择图片</a>
<form id="imgUpload" name="imgUpload" action="/site" method="post" enctype="multipart/form-data" target="frameFile">
<input id="filedata" contenteditable="false" type="file" style="display:none;"
onChange="document.getElementById('imgUpload').setAttribute('action','/site?' + new Date().getTime() );
<span style="white-space:pre"> </span>document.imgUpload.submit();" name="imgFile">
</form>
<iframe id="frameFile" name="frameFile" style="display: none;"></iframe>
绑定a标签与file的click事件
function upImage(){
var isIE=document.all && window.external;
if(!isIE){
document.getElementById('filedata').click();
}
}
未完待续。