关于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'),
    '随便起个名字'
  );

};```
相关推荐
柳杉12 分钟前
两款惊艳的 WebGL 开源项目推荐
前端·javascript·数据可视化
给算法爸爸上香18 分钟前
web网页显示点云
前端·3d·web·点云
IT_陈寒19 分钟前
React组件性能翻倍的5个冷门技巧,90%的开发者不知道!
前端·人工智能·后端
林姜泽樾1 小时前
Linux入门第十三章,chmod命令和权限控制信息
linux·运维·服务器·centos
小金鱼Y1 小时前
别再乱拷贝了!JS 浅拷贝 vs 深拷贝全解析
前端·javascript
kyriewen1 小时前
Sass 进阶:当 CSS 学会了编程,变量函数循环全都安排上
前端·css·scss
海带先森1 小时前
python 虚拟环境的创建
前端
lovemiss2 小时前
解码本质:claude code是怎么运行的
前端
yuxi20202 小时前
Cursor 的 7 个隐藏功能,90% 的人不知道
前端
Moment2 小时前
MiniMax 发布 M2.7,Agent 开始走向自我进化
前端·后端·面试