图片预览+传参

图片预览

1.URL.createObjectURL

var file=$("#pic")[0].files[0];
url = URL.createObjectURL(file)

2.base64

 var file=$("#pic")[0].files[0];
    var fr=new FileReader();
    fr.readAsDataURL(file);//传入图片对象 将其转成base64字符串
    //这个 onload是指的加载完毕的意思  在加载完毕后 将 转好的字符串给赋值给img标签
    fr.onload=function(){
        $("#img").attr('src',this.result);//赋值 进行预览
    }

ajax传参

var file=$("#pic")[0].files[0];
let formData = new FormData();
formData.append("file" , file );

http.request({
    method : "post",
    url : "",
    headers : {
        "Content-type" : "multipart/form-data"
    },
    data : formData
})