如何在JS中将JSON里的图片相对路径转为绝对路径调用？

嘿，这个需求其实很容易实现，核心就是把JSON返回的相对路径和你的基础域名拼接起来。下面我分几种常见的开发场景给你示例：

前端JavaScript场景 #

假设你已经通过接口拿到了JSON数据，只需要定义好基础域名，然后和image字段的值拼接即可：

// 假设接口返回的汽车数据存在carData变量中
const baseDomain = 'website.com/';
// 拼接成完整路径
const fullImagePath = `${baseDomain}${carData.image}`;
// 如果需要在后面加问号参数（比如用于缓存刷新），直接追加就行
const fullImagePathWithParam = `${baseDomain}${carData.image}?v=${new Date().getTime()}`;

后端Python场景 #

如果是在后端处理这个路径（比如返回给前端之前预处理），可以这样做：

import json
import time

# 读取JSON文件的内容
with open('www.website.com/cardata', 'r') as file:
    car_data = json.load(file)

base_domain = 'website.com/'
# 拼接完整路径
full_image_url = base_domain + car_data['image']
# 带时间戳参数的版本
full_image_url_with_param = f"{base_domain}{car_data['image']}?v={int(time.time())}"

额外小提示 #

如果你的项目有不同环境（开发/测试/生产），建议把baseDomain配置在环境变量里，不要硬写死在代码中，这样切换环境时不用修改代码，维护起来更省心~

内容的提问来源于stack exchange，提问作者Mert Alnuaimi