圖片預覽+傳參

圖片預覽

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
})複製代碼