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

};```
相关推荐
坤坤子吖1 天前
Linux 线程同步与互斥——互斥锁
linux·服务器·c++·笔记·学习
a5986521 天前
ARM服务器部署Docker云手机,多开实例性能实测
服务器·arm开发·docker·云手机
TDTC_XQ1 天前
Linux网络编程accept的讲解
linux·服务器·c++
无责任此方_修行中1 天前
Deno 的八年:一场没逃出 Node 引力的运行时起义
前端·javascript·node.js
java1234_小锋1 天前
【技术专题】HTML5 网页技术 - HTML5 语义化标签
前端·html·html5
涛涛ing1 天前
2026年,你的JavaScript计数逻辑可以删了:CSS刚刚学会了自己数数
前端
广州华水科技1 天前
单北斗GNSS变形监测系统在水库安全监测中的应用与优势
前端
开开心心就好1 天前
白天晚上自动调蓝光,护眼工具亮度可调
服务器·开发语言·算法·pdf·ocr·intellij-idea·idea
PBitW1 天前
行内编辑,如何防止后端未返回,直接全部更新了?
前端·面试
西安同步电子1 天前
卫星信号丢失怎么办?NTP 网络校时服务器的守时能力
运维·服务器·网络