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

一、代码

javascript 复制代码
// 核心代码
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'),
    '随便起个名字'
  );

};```
相关推荐
mfxcyh32 分钟前
使用MobaXterm配置nginx
java·服务器·nginx
IT_陈寒1 小时前
Vite静态资源加载把我坑惨了
前端·人工智能·后端
pengyi8710151 小时前
动态IP池快速更换实操方案,5分钟完成IP替换
服务器·网络·tcp/ip
herinspace1 小时前
管家婆实用贴-如何分离和附加数据库
开发语言·前端·javascript·数据库·语音识别
不做无法实现的梦~2 小时前
Linux 上使用 CLion 开发嵌入式,并用 Codex CLI
linux·运维·服务器
小码哥_常2 小时前
从MVC到MVI:一文吃透架构模式进化史
前端
嗷o嗷o2 小时前
Android BLE 的 notify 和 indicate 到底有什么区别
前端
豹哥学前端2 小时前
别再背“var 提升,let/const 不提升”了:揭开暂时性死区的真实面目
前端·面试
Lkstar2 小时前
我把Vue2响应式源码从头到尾啃了一遍,这是整理笔记
vue.js
被摘下的星星2 小时前
以太网技术
服务器·网络