点击AI应用主界面的某一个图片组件触发另一个工作流，如何设置入参

这个页面相对复杂，当用户上传完图片进入分析，分析后会显示具体分析结果。布局组件：容器（Div）、Markdown、图片（Image）、按钮（Button）、图片上传（ImageUpload）组合方式：最上面是导航组件可以直接复制上个页面的布局接下来是一个容器组件包含一个图片组件显示的banner部分功能区域为两个容器横向排列：左边的容器是包含Markdown组件内容：上传图片组件（默认配置），提交按钮配置：属性设置：宽度百分比-95%高度固定-50px颜色填充-#295DC1圆角-12加载状态-{{psy_ai.loading}}{{psy_ai.loading}}解释：工作流的加载中状态，如果在执行工作为则值为true否则为false，执行中按钮就会有个加载中的状态，这个状态就是为了防止重复点击，造成没必要的工作流调用。事件配置：事件类型-点击时执行动作-调用工作流WorkFlow（工作流）-psy_ai入参配置-{{ImageUpload1.value[0]}}失败提示-工作流调用失败，原因：{{psy_ai.error}}参数解释：

敲黑板!!划重点!!重点来了,这里就是连coze的官方文档也没有告诉你的天坑.即使你有前端开发的经验,你依旧存在很大可能卡在这个问题上.直接揭晓答案:首先,把工作流的入参设置为File->Image然后,就是最最最坑的地方,一个引号,一个大括号都不能错.图片的下方,将特别提供文本供大家复制.代码内容,其中ImageUpload1部分是可以替换成你实际的那个文件上传组件的组件名称的.其他的一个双引号,一个大括号都不能出错!!至于为什么,相信卡在这里的同学都会发现,这个value里压根没提供url地址,因此只能用上传后的file_id从coze存储的图片中获得索引.更具体的,程序员小朋友们才能理解,就不多说了,大家背下来即可.[heading1]获得图片URL[content]接下来就比较简单了,工作流中你就可以直接用这个image变量,也可以用string模式输出,你会发现,它已经很神奇的在工作流中变成了图片的URL.比如当你使用文本组件显示它的地址时,就能很清晰的看到图片地址,而图片组件上也可以正常显示图片了.啥,你还不知道怎么显示?送佛送到西,你只要绑定工作流的image输出即可.好了,看到这里你就可以安心的去继续制作你的电商商品图coze bot了!欢迎加入社区共同学习免费的AI智能体(agent)课程!如果有需要,也可以联系我帮你对接社区的小伙伴外包您的agent开发需求.我的微信号:wx_stuart,请备注coze共学,或者外包需求.

{{ImageUpload1.value[0]}}是获取图片上传组件的第一张图片，因为组件是可以上传多张图片的所以需要通过下标数来获取，数组的下标是从0开始的。{{psy_ai.error}}是工作流的报错信息。当用户上传图片点击按钮的时候会进入一个在家中的状态所以右边的内容显示容器里面有两个组件图片组件显示加载中的gif图片（默认隐藏）Markdown组件显示分析内容图片配置：来源本地上传加载中gif图尺寸-宽度：百分比-100%，高度：适应内容可见性-隐藏：{{!psy_ai.loading}}，当loading为true的时候就隐藏，但是前面加了「!」就是取反（true=>false），也就是工作流运行中不隐藏（代表显示）。Markdown配置：内容显示是psy_ai工作流输出的结果隐藏根据{{psy_ai.loading}}，psy_ai工作流运行完了就显示到这里页面所有的布局和数据交互就全部完成了。