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

最新推荐文章于 2024-05-27 23:14:48 发布

web_小码农

最新推荐文章于 2024-05-27 23:14:48 发布

阅读量549

点赞数 1

文章标签： vue.js 服务器前端

本文链接：https://blog.csdn.net/m0_53001289/article/details/139075273

版权

一、代码

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

};```