本文主要包含HTML5,图片文件,异步上传等相关知识,佚名 希望在学习及工作中可以帮助到您
利用HTML5的新特点做文件异步上传非常简单方便，本文主要展示JS部分，html结构。下面的代码并未使用第三发库，如果有参照，请注意一些未展现出来的代码片段。我这边的效果预览：
1.文件未选择 2.文件已选择
HTML代码部分：
思路：下面代码中我利用css的z-index属性将input="file”标签隐藏在了id=btnSelect元素下面，通过触发a标签的点击后，弹出文件选择框。下面的masklayer用于点击确认按钮后的弹出层，避免用户重复点击确认按钮。
以上则为全部主要代码部分，如果有什么问题可以联系我，欢迎交流。
1.文件未选择 2.文件已选择
HTML代码部分：
思路：下面代码中我利用css的z-index属性将input="file”标签隐藏在了id=btnSelect元素下面，通过触发a标签的点击后，弹出文件选择框。下面的masklayer用于点击确认按钮后的弹出层，避免用户重复点击确认按钮。
以上则为全部主要代码部分，如果有什么问题可以联系我，欢迎交流。