web端上传图片，实现预览图片功能

在上传图片是经常会遇到须要将选择的图片进行预览一下，方便用户看到上传的图片是什么样的，这样有助于用户在编辑其余资料时忘记了刚才上传的图片是什么。 在这里有两种解决办法，一种是在用户在选择文件时就将选择的文件进行上传，后台返回上传的图片的服务器地址，直接预览服务器地址的图片便可。这样作对用户的好处是很是的友好，在选择图片时就进行了上传，会是得用户在最终提交数据时的时间大量的缩短，将总体的上传时间分摊，达到一种很友好的上传体验。但这种方法对于服务器的压力过大，由于用户选择了图片，更替了图片都会进行上传。使得服务器会所以拿到太多的没必要要的图片数据，形成服务器内存的臃肿；第二种方法就是在用户选择图片的时候只是预览本地的文件，在最后用户提交的时候将文件一并提交。这种方法对用户不友好有些不友好，可是却能提升用户操做的流畅性，在填完全部资料，一并上传。今天，我就来说一讲第二中方法的实现。先贴上代码