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

};```
相关推荐
Nicholas6821 小时前
Dart锁机制之synchronized源码解析Lock、BasicLock、objectMakeLock、objectSynchronized(一)
前端
小帆聊前端21 小时前
深度解读虚拟列表:从原理到实战,解决长列表渲染性能难题
前端·javascript
在下历飞雨21 小时前
Kuikly基础之动画实战:让孤寡青蛙“活”过来
前端·ios·harmonyos
执笔论英雄21 小时前
【RL]expand_requests干啥的
服务器·开发语言·python
Zeku21 小时前
20251125 - 为什么Linux是非实时操作系统?
linux·服务器
前端fighter21 小时前
全栈项目:校友论坛系统
vue.js·mongodb·node.js
2***c43521 小时前
nginx服务器实现上传文件功能_使用nginx-upload-module模块
服务器·前端·nginx
p***930321 小时前
Java进阶之泛型
android·前端·后端
木易 士心21 小时前
Element UI 多级菜单缩进的动态控制:从原理到工程化实践
前端·vue.js·ui
kyle~21 小时前
数据结构---堆(Heap)
服务器·开发语言·数据结构·c++