利用HTML5的新特点实现图片文件异步上传_html5教程
时间:2014-12-25
点评:利用HTML5的新特点做文件异步上传非常简单方便,首先利用css的z-index属性将input=file标签隐藏在了id=btnSelect元素下面,通过触发a标签的点击后,弹出文件选择框利用HTML5的新特点做文件异步上传非常简单方便,本文主要展示JS部分,html结构。下面的代码并未使用第三发库,如果有参照,请注意一些未展现出来的代码片段。我这边的效果预览:
1.文件未选择 2.文件已选择
HTML代码部分:
思路:下面代码中我利用css的z-index属性将input="file”标签隐藏在了id=btnSelect元素下面,通过触发a标签的点击后,弹出文件选择框。下面的masklayer用于点击确认按钮后的弹出层,避免用户重复点击确认按钮。