请求后端地址返回图片,后缀不同,进行处理

最新推荐文章于 2024-03-12 16:25:44 发布

犯困Baby

最新推荐文章于 2024-03-12 16:25:44 发布

阅读量300

点赞数 1

分类专栏： vue 文章标签：图片路径 URL转换后缀判断 HTTP请求方法封装

本文链接：https://blog.csdn.net/weixin_46238369/article/details/117422263

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

**
通过匹配不同后缀名,进行判断,使用时直接调用getImgPath

export const getImgPath = {
	methods: {
		//传递过来的图片地址需要处理后才能正常使用
		getImgPath(path) {
			let suffix;
			if (!path) {
				return '//elm.cangdu.org/img/default.jpg'
			}
			if (path.indexOf('jpeg') !== -1) {
				suffix = '.jpeg'
			} else {
				suffix = '.png'
			}
			let url = '/' + path.substr(0, 1) + '/' + path.substr(1, 2) + '/' + path.substr(3) + suffix;
			return 'https://fuss10.elemecdn.com' + url
		},
	}

}