浏览器上传图片
async uploadImage(e) {
let _this = this;
//上传图片并预览
let file = e.target.files[0]; //获取第一个文件
let fileSize = file.size / 1024 > 805;
if (fileSize) {
this.$message.error("上传图片大小不能超过 805kb,请重新选择图片");
return;
}
console.log(file.size / 1024, "图片大小");
this.getBase64(file).then((res) => {
let imgF = res.split(",");
_this.uploadImg(imgF[1]);
console.log(imgF, "lll");
});
// this.base64Img=base64Img
// this.uploadImg(base64Img)
// console.log(file,'图片',base64Img)
// //
// let img = new FileReader();
// img.readAsDataURL(file);
// console.log("img:",img)
// img.onload = ({ target }) => {
// this.imgSrc = target.result; //将img转化为二进制数据
// console.log("target:",target)
// this.uploadImg(target.result)
// };
//
},
//blob转base64
blobToBase64(blob) {
return new Promise((resolve, reject) => {
const fileReader = new FileReader();
fileReader.onload = (e) => {
resolve(e.target.result);
};
fileReader.readAsDataURL(blob);
fileReader.onerror = () => {
reject(new Error("文件流异常"));
};
});
},
勤学似春起之苗,不见其增,日有所长; 辍学如磨刀之石,不见其损,日所有亏!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
2020-11-25 B站小姐姐面试分享2
2020-11-25 B站小姐姐分享第一次电话面试