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

};```
相关推荐
zzzsde10 小时前
【Linux】进程控制(1):进程创建&&进程终止
linux·运维·服务器
l1t10 小时前
DeepSeek总结的用 C# 构建 DuckDB 插件说明
前端·数据库·c#·插件·duckdb
泯泷10 小时前
从零构建寄存器式 JSVMP:实战教程导读
前端·javascript·算法
椰子皮啊10 小时前
mediasoup+Vue3避坑指南:解决黑屏、闪屏、流绑定失效三大难题
vue.js·前端框架
开源盛世!!11 小时前
3.19-3.21
linux·服务器·前端
必胜刻11 小时前
AJAX 请求理解
前端·ajax·okhttp·前后端交互
小民AI实战笔记11 小时前
NVM实战指南:高效管理你的Node.js环境
前端·node.js
pillowss11 小时前
SSH 登录服务器后 Backspace 失效?Ghostty + TERM 踩坑完整解决方案
服务器·ssh·github
www_stdio11 小时前
前端异步核心:Promise 从入门到吃透
前端
朱建伟11 小时前
大神尤雨溪再次出手,前端工具链整合--该文章是对vite plus官方README文档进行了翻译
前端·vite