input标签图片上传预览（二）————上传照片给服务器

首先，看了这篇博客的朋友，知道了如何图片上传预览功能：

http://www.cnblogs.com/Shmily-HJT/p/7715756.html

 

可是，问题很严峻，咱们能预览了，咱们却没法获得每个的input标签选择的文件，咱们预览的功能是一个input标签不停选择不一样照片，而后再将此照片路径经过一些方法的赋值给相应的Img标签的src属性，以此达到目的，细心的朋友会发现，咱们若是要上传这些照片给服务器怎么办？

 

迫于知识局限，目前做为小白的我，也只能想到一个经过html和css布局的一个方法去解决。

 

这个方法很简单，在图片上传预览以前，咱们会点击以下这个被一张图片给覆盖的input标签。

 

每点击选择相应照片，会预览显示在网页上

 

接下来即是重点，与前一篇博客有所不一样的是，咱们每点击肯定选择一张照片后，咱们将该input标签给display:none;掉，而后利用js的dom添加，再新建立一个input标签放在该位置。效果以下：

 

这样的话便能实现照片上传以前预览，同时还能够准确上传给服务器。