如何通过Airtable API从数组类型的图片字段中获取指定URL？

Airtable的附件类型（含图片字段）无论上传文件数量多少，返回值均为数组格式，数组内每个元素为对应附件的元数据对象，包含原始文件访问链接、不同尺寸缩略图链接、文件名等属性。你控制台输出的(1) [{...}]即为长度为1的附件数组，内部的对象存储了所需的图片相关数据。

基础实现：获取第一张图片的原始URL #

优先增加空值判断，避免字段未上传图片时调用数组方法报错，示例代码如下：

eachPage(function page(records, fetchNextPage) {
    records.forEach(function(record) {
        // 字段为空时默认赋值为空数组，避免报错
        const profilePhotos = record.get('Profile Photo') || [];
        if (profilePhotos.length > 0) {
            // 取数组下标为0的元素即为第一张图片，读取url属性获取原始图链接
            const firstPhotoRawUrl = profilePhotos[0].url;
            console.log('Retrieved profile photo URL:', firstPhotoRawUrl);
        }
    });
    fetchNextPage();
});

进阶：获取指定尺寸的缩略图 #

图片类型的附件对象会额外携带thumbnails属性，内置三种预设尺寸的缩略图信息，按需读取即可：

eachPage(function page(records, fetchNextPage) {
    records.forEach(function(record) {
        const profilePhotos = record.get('Profile Photo') || [];
        if (profilePhotos.length > 0) {
            const photoMeta = profilePhotos[0];
            // 小尺寸缩略图（最长边36px）
            const smallThumbUrl = photoMeta.thumbnails.small.url;
            // 大尺寸缩略图（最长边512px）
            const largeThumbUrl = photoMeta.thumbnails.large.url;
            // 适配显示的完整尺寸缩略图（最长边3000px）
            const fullThumbUrl = photoMeta.thumbnails.full.url;
            console.log('Small thumbnail:', smallThumbUrl);
        }
    });
    fetchNextPage();
});

附件对象常用属性说明 #

• id：附件在Airtable内的唯一标识
• url：原始文件的公共访问链接
• filename：文件上传时的原始文件名
• size：文件大小，单位为字节
• type：文件的MIME类型
• thumbnails：图片专属属性，存储不同尺寸缩略图的链接、宽高信息

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