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

};```
相关推荐
yayaer225 分钟前
GOOSE 协议中MAC配置
服务器·网络·goose
LuckyLay32 分钟前
React百日学习计划——Deepseek版
前端·学习·react.js
gxn_mmf37 分钟前
典籍知识问答重新生成和消息修改Bug修改
前端·bug
hj104339 分钟前
【fastadmin开发实战】在前端页面中使用bootstraptable以及表格中实现文件上传
前端
乌夷1 小时前
axios结合AbortController取消文件上传
开发语言·前端·javascript
ARM2NCWU1 小时前
云手机服务器搭建
服务器
丶Darling.1 小时前
移动IP与手机移动数据流量的概念、原理、区别与联系
服务器·tcp/ip·智能手机
晓晓莺歌1 小时前
图片的require问题
前端
码农黛兮_462 小时前
CSS3 基础知识、原理及与CSS的区别
前端·css·css3
Web极客码2 小时前
虚拟主机与独立服务器:哪个更好?
运维·服务器·虚拟主机