Qualtrics技术问询：如何调整管道传输的图片答案尺寸？

嘿，我来帮你搞定这个问题！你现在用的管道变量有点小问题——你写的是${q://QID2/ChoiceGroup/SelectedChoice}，但应该替换成Q1的实际QID（比如QID1，具体看你后台的问题ID），因为我们要取的是Q1选中的图片选项。

直接用默认的管道变量会输出图片的原始尺寸，要调整大小的话，我们可以用HTML的<img>标签来手动控制，下面是两种简单可行的方法：

方法一：直接引用图片URL并设置样式（推荐） #

这种方法最直接，我们直接提取选中图片的URL，然后用HTML样式指定尺寸：

1. 打开Q2的问题编辑器，切换到HTML模式（点击编辑器工具栏里的<>图标）
2. 替换原有内容为以下代码（记得把QID1换成你Q1的真实QID）：

<img src="${q://QID1/ChoiceGroup/SelectedChoice/Image/Url}" style="width: 200px; height: auto;" alt="您选中的图片">

• width: 200px：设置图片宽度为200像素，你可以改成任意数值（比如300px）或者百分比（比如50%）
• height: auto：保持图片的宽高比例，避免变形，如果需要固定高度也可以改成具体数值，但不推荐，容易导致图片拉伸

方法二：修改原有管道输出的HTML（适合复杂场景） #

如果你想保留Qualtrics默认的选项HTML，只是调整图片尺寸，可以用一小段JavaScript：

1. 在Q2的问题里添加一个Text/Graphic元素，先插入原始管道变量：${q://QID1/ChoiceGroup/SelectedChoice}
2. 然后在Q2的JavaScript编辑器（问题设置里的“JavaScript”选项）中添加以下代码：

Qualtrics.SurveyEngine.addOnload(function() {
    // 获取选中的图片元素
    var selectedImg = this.questionContainer.querySelector('img');
    if (selectedImg) {
        // 设置图片尺寸
        selectedImg.style.width = '200px';
        selectedImg.style.height = 'auto';
    }
});

这种方法适合需要动态调整或者有其他交互需求的场景。

注意事项 #

• 一定要确认Q1的QID正确：在Qualtrics后台，进入Q1的设置页面，URL里的QID=后面的数字就是你的问题ID
• 确保Q2支持HTML输入：比如选择“Text/Graphic”问题类型，或者允许自定义HTML的问题类型
• 测试一下：预览问卷，选中Q1的图片，看看Q2里的图片是否按预期显示尺寸

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