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

};```
相关推荐
断竿散人2 分钟前
专题一、HTML5基础教程-Meta标签网页元数据:网页的隐形指挥官
前端
小阳睡不醒3 分钟前
小白成长之路-Linux Shell脚本练习
linux·运维·服务器
MrSkye4 分钟前
🚀 由Tony Stark 带你入门 JavaScript(新手向)🚀
前端·javascript·面试
香蕉可乐荷包蛋5 分钟前
前端现行架构浅析
前端·架构
掘金安东尼6 分钟前
仅仅是发送一封邮件?暴露安全边界!
javascript·vue.js·面试
FogLetter7 分钟前
从Flex布局到Transition艺术:打造让用户尖叫的前端体验
前端·css
前端康师傅7 分钟前
CSS中的继承问题
前端·css
用户81906138073908 分钟前
AppConfig - KMP中优雅的键值对管理方式
前端
星_离8 分钟前
css+javaScript轮播图
前端·javascript