分享
Stuart: 手把手教学coze应用中的“上传图片”
输入“/”快速插入内容
Stuart: 手把手教学coze应用中的“上传图片”
用户4389
用户4389
2025年8月1日修改
🖇️
这是基于上一期内容
《0基础Coze教学系列之“网页”创建初体验: 逐步通往变现之路》
之后, 有同学告诉我, 他想做个电商商品图coze应用, 却卡在“图片上传”组件的使用3天, 本期特地给大家一个详细教学.
特别提示: 本期教程超值, 确实有个“天坑”, 看完本文你一定获益匪浅.
初识“图片上传”组件
当把“图片上传”组件拖到画布以后, 如果你没有前端经验, 大概率你会不知所措.
实际上它的事件只有很单一的“数据改变”事件, 因此它需要搭配一个其他组件来配合, 比如文中会以“按钮”为例来讲解.
在把“按钮”这个组件一起拖到画布后, 我们将它定义为“在上传了图片后把图片地址传递出来”的功能. 事实上, 这样的设置也很合理, 因为只有上传完图片后, 我们才能获得完整的图片地址.
传递上传图片地址
敲黑板!! 划重点!!
重点来了, 这里就是连coze的官方文档也没有告诉你的天坑. 即使你有前端开发的经验, 你依旧存在很大可能卡在这个问题上.
直接揭晓答案:
•
首先, 把工作流的入参设置为File-> Image
•
然后, 就是最最最坑的地方, 一个引号, 一个大括号都不能错. 图片的下方, 将特别提供文本供大家复制.