图片预览+传参

最新推荐文章于 2024-04-02 17:40:26 发布

weixin_34037515

最新推荐文章于 2024-04-02 17:40:26 发布

阅读量146

点赞数

原文链接：https://juejin.im/post/5c6e0949f265da2d8e70e2c1

版权

图片预览

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
})复制代码

转载于:https://juejin.im/post/5c6e0949f265da2d8e70e2c1