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

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

 

需要使用到图片上传功能

 

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

 

废话不多话直接上代码

<script type='text/javascript'>
$(window).load(function(){
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();            
            reader.onload = function (e) {
                $('#target').attr('src', e.target.result);
            }
            
            reader.readAsDataURL(input.files[0]);
        }
    }
    
    $("#imgInp").change(function(){
        readURL(this);
    });
});
</script>

其中imginp是input上传标签

target是图片

自行脑补