H5手机上传预览图片

1.HTML

<input {$disabled} id="header_pic_file" name="header_pic_file" type="file" accept="image/*" :on-change="upload" >

2.JS

upload:function(e){
            "use strict";
            var file = e.target.files[0],
                reader = new FileReader();
            reader.readAsDataURL(file);//转base64位
            reader.onloadend = function(event){
                vm.defaultSrc = event.target.result;//图片的地址
            }
        }

 

转载于:https://www.cnblogs.com/zptop/p/8472157.html