vue base64图片转file流下载到本地或者上传

最新推荐文章于 2024-03-29 15:28:14 发布

公子肆

最新推荐文章于 2024-03-29 15:28:14 发布

阅读量1.4k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_38805301/article/details/132430155

版权

<img  :src="'data:image/png;base64,'+form.img" style="max-width:280px;max-height: 280px;margin: auto;" />


// base64 转file
const base64ToFile=()=>{
    let byImg= atob(form.img); // 解码base64
    let n = byImg.length
    let a = new Uint8Array(n);
    while (n--) {
        a[n] = byImg.charCodeAt(n);
    }
       const options = {
	    type: 'image/png',
	    endings: 'native',
	}
	let nameImg = '图片名称';
    return new File([a], nameImg+'.png', options);
}
//上传图片
const confirmImg =()=>{
	let nameImg = '图片名称';
    const imgFile = base64ToFile();
    let formData = new FormData();
    formData.append("file_name", imgFile);
    formData.append('type',3);
    formData.append('mark_name',nameImg+'.png');
    formData.append('name',nameImg);
    formData.append('tag',tag);
    //省略提交
    return true;
  });
}
 // 下载到本地
const downloadImg=()=>{
	const imgFile = base64ToFile();
	let nameImg = '图片名称';
    let imgDown= document.createElement('a');
    imgDown.download = nameImg;
    imgDown.href = URL.createObjectURL(imgFile);
    imgDown.click();
}