一、代码
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'),
'随便起个名字'
);
};```