微信内部浏览器实现图片上传前的预览

最近做了个微信内浏览器上传图片的小程序

 

需要使用到图片上传功能

 

为了使用户体验好一点   所以有了这个题目

 

废话不多话直接上代码

 1 <script type='text/javascript'>
 2 $(window).load(function(){
 3     function readURL(input) {
 4         if (input.files && input.files[0]) {
 5             var reader = new FileReader();            
 6             reader.onload = function (e) {
 7                 $('#target').attr('src', e.target.result);
 8             }
 9             
10             reader.readAsDataURL(input.files[0]);
11         }
12     }
13     
14     $("#imgInp").change(function(){
15         readURL(this);
16     });
17 });
18 </script>

其中imginp是input上传标签

target是图片

自行脑补