vite中快速引入图片

最新推荐文章于 2024-05-16 15:10:05 发布

若茶先森

最新推荐文章于 2024-05-16 15:10:05 发布

阅读量240

点赞数

分类专栏： vue-js 文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/zpcqdkf/article/details/127791231

版权

vue-js 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

getFileName = function (path) {
  var index = path.lastIndexOf("/"); // lastIndexOf("/")  找到最后一个  /  的位置
  var fileName = path.substr(index + 1); // substr() 截取剩余的字符，即得文件名xxx.doc

  return fileName;
}
getFileName1(name) {
  return name.substring(0, name.lastIndexOf("."))
},

// 获取图片url
export const getImgUrl = (name, suffix = 'svg') => {
  return new URL(`/src/assets/img/${name}.${suffix}`, import.meta.url).href;
};

// 获取状态->图片url的dict
function getStatusImgDict() {
  const modules = import.meta.glob(`/src/assets/status/*.svg`);
  Object.keys(modules).forEach(key => {
    const newKey = getFileName(key);
    // modules[newKey] = modules[key];
    modules[newKey] = getImgUrl(newKey);
    delete modules[key];
  });
  return modules;
}

// 状态->图片url的dict
const statusImgDict = getStatusImgDict();



// 根据传入的状态获取
function getStatusImg(status) {
  return statusImgDict[status];
}