利用HTML5的新特点做文件异步上传非常简单方便，首先利用css的z-index属性将input=file标签隐藏在了id=btnSelect元素下面，通过触发a标签的点击后，弹出文件选择框

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