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

关于Vue本地图片转file传到后端服务器(不通过组件上传)

一、代码

// 核心代码
const getMyFileFromLocalPath = (localPath, filename) => {return fetch(localPath).then((response) => response.blob()).then((blob) => new File([blob], filename, { type: "image/png" })); // 假设是PNG格式//  获取真正的流文件
const getMyImgFile = (url, name) => {getMyFileFromLocalPath(url, name).then((file) => {// fileRes: 存储file流文件fileRes.value = file;}).catch((error) => console.error(error));
};// 动态引入图片,替代require方法
requireImg(url) {return new URL(`./src/assets/${url}`, import.meta.url).href
}// 调用 getMyImgFile (requireImg('imgae/home/warn.png'),'随便起个名字');};```
http://www.lryc.cn/news/356082.html

相关文章:

  • CCF20240302——相似度计算
  • C++的第一道门坎:类与对象(二)
  • C语言与内存息息相关的重要概念有哪些?
  • 【chagpt】广泛使用API之前:考虑成本和数据隐私
  • 六月后考研如何备考看这一篇就够了
  • Linux主机连接腾讯云服务器详细配置
  • 数字化工厂怎么收集,处理数据?
  • OOM不会导致JVM退出
  • C++学习日记 | LAB 6 static library 静态库
  • 他用AI,抄袭了我的AI作品
  • 力扣刷题--2956. 找到两个数组中的公共元素【简单】
  • 海信集团携纷享销客启动LTC数字化落地 推动ToB业务再升级
  • 【Go语言入门学习笔记】Part5.函数
  • 磁珠笔记汇总
  • 【css3】02-css3新特性之选择器篇
  • 修正错误的插入排序
  • Unity 权限 之 Android 【权限 动态申请】功能的简单封装
  • 跟进2年弄丢1.8亿,你的大客管理错在哪里?
  • 浅说线性DP(上)
  • leetcode题目18
  • 后端企业级开发之yaml数据序列化格式文件详解2024
  • 智能界面设计:数字孪生与大数据结合的美学典范
  • 听说部门来了个00后测试开发,一顿操作给我整麻了
  • Linux shell命令
  • 【Linux】Linux基本指令1
  • 重学java 49 增强for
  • BUUCTF靶场[Web] [极客大挑战 2019]Havefun1、[HCTF 2018]WarmUp1、[ACTF2020 新生赛]Include
  • 现代信号处理11_Spectral Analysis谱分析(CSDN_20240526)
  • C#开发上位机应用:基础与实践
  • 话术巧妙分隔沟通效果更佳看看这个小技巧