jQuery实现图片添加及预览

效果如下：

方法：

添加图片使用了<input>标签，将标签的type设置为file就可以点击打开文件夹添加文件了。

<input id="atlas_photo" type="file">

当前在页面表现为一个输入栏

如果不想要输入栏可以将其隐藏：将其display设置为none，并使用图片元素代替点击。相当于给点击选择文件换一种展现形式。

display:none;

 添加一个图片表示点击该图片添加文件，然后给图片元素添加点击事件：点击触发input的点击事件：

<img id="atlas-img" class="atlas" src="img/add.png" οnclick="openFile()">

openFile()函数用于触发input的点击：

function