当前位置: 首页 > news >正文

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

<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); // 解码base64let n = byImg.lengthlet 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();
}
http://www.lryc.cn/news/135686.html

相关文章:

  • 无涯教程-PHP - 简介
  • web基础+HTTP协议+httpd详细配置
  • 【sql】MongoDB的增删改查分页条件等
  • 我的动态归纳(便于搜索)
  • langchain ChatGPT AI私有知识库
  • API接口常用数据格式Json,Json的定义和XML的区别
  • 密码学学习笔记(二十一):SHA-256与HMAC、NMAC、KMAC
  • 操作系统-笔记-第四章-文件管理
  • 【MiniGUI】文字颜色实现透明度变化
  • css中元素加定位之后到一定距离元素会变小
  • Java 语言实现冒泡排序
  • 面向对象单选题
  • 微服务-Fegin
  • [oneAPI] 使用字符级 RNN 生成名称
  • 【ROS】参数服务器--理论模型与参数操作(C++)
  • [oneAPI] 基于BERT预训练模型的英文文本蕴含任务
  • 【洛谷】P1163 银行贷款
  • Java版工程行业管理系统源码-专业的工程管理软件-提供一站式服务 em
  • kafka--技术文档--基本docker中安装<单机>-linux
  • 回归预测 | MATLAB实现WOA-RF鲸鱼优化算法优化随机森林算法多输入单输出回归预测(多指标,多图)
  • Linux系统安全——NAT(SNAT、DNAT)
  • uniapp项目添加人脸识别功能,可用作登录,付款,流程审批前的安全校验
  • SpringBoot面试题
  • Git相关命令
  • 《HeadFirst设计模式(第二版)》第八章代码——模板方法模式
  • RESTful API,以及如何使用它构建 web 应用程序
  • Git+Gitee使用分享
  • 【3D激光SLAM】LOAM源代码解析--transformMaintenance.cpp
  • DiscuzQ 二开教程(7)——二次开发版本部署文档
  • u盘数据丢失但占内存如何恢复?不要着急,这里有拯救方案