开发者社区> 问答> 正文

宜搭卡片中如何显示宜搭中上传的图片?

宜搭中流程表单,用户填写了“图片1”、“字段1”、“字段2”,需要发送卡片到指定群,卡片中显示图片为“图片1”,两个字段分别“字段1”、“字段2”;

如何让卡片中显示用户上传的图片?

展开
收起
游客k2ssvt4zlaezk 2023-06-26 14:40:23 542 0
4 条回答
写回答
取消 提交回答
  • 在宜搭卡片中显示宜搭上传的图片,你可以使用宜搭的图片组件来实现。下面是一个简单的步骤指南:

    1. 添加图片组件:在宜搭的卡片编辑器中,找到图片组件,然后将其拖放到你想要显示图片的位置。

    2. 配置图片路径:选中刚刚添加的图片组件,在属性栏中找到 "图片地址" 或者类似的属性。在这个属性值中,你可以填写图片的地址。

    3. 使用宜搭上传的图片:在 "图片地址" 属性中,你可以使用宜搭的系统变量或者表达式来引用宜搭上传的图片。例如,如果你上传了一张名为 "myImage.jpg" 的图片,你可以在 "图片地址" 属性中填写 @uploadUrl(myImage.jpg)

    4. 预览:保存并预览你的卡片,就可以看到宜搭上传的图片显示在相应的位置上了。

    显示宜搭上传的图片时,确保图片的路径正确引用,并且图片已经成功上传到宜搭平台。

    2023-06-27 10:20:23
    赞同 展开评论 打赏
  • 在宜搭中,您可以通过以下步骤来实现该功能:

    1. 在流程表单中添加上传图片控件,允许用户上传图片并保存到云存储服务中。具体来说,您可以使用宜搭提供的“文件上传”控件或自定义控件,将用户上传的图片保存到云存储服务中,并在相应的数据库中记录文件 URL 等相关信息。

    2. 在工作流设计中添加一个卡片发送步骤,用于向指定群发送带有图片的消息卡片。具体来说,您可以使用钉钉机器人、企业微信机器人等第三方机器人,或者使用宜搭自带的“发送消息”动作和“卡片消息”模板,来实现发送消息卡片的功能。

    3. 在卡片消息模板中,使用变量或函数表达式来引用用户上传的图片,并显示在卡片中。具体来说,您可以在模板中使用“![图片名称](${图片 URL})”的语法格式,来引用用户上传的图片。其中,${图片 URL} 表示上传图片后返回的云存储 URL 地址,可通过表单字段、数据库查询等方式获取。

    需要注意的是,在使用宜搭开发流程表单和工作流时,需要了解相关的技术规范和最佳实践,并遵循宜搭平台的安全和隐私规定。同时,建议您仔细设计和实现流程表单和工作流,考虑到用户体验、业务逻辑和数据安全等因素,以提高开发效率和代码质量。如果您需要更多帮助或指导,可以咨询宜搭技术支持团队或社区。

    2023-06-26 17:56:31
    赞同 展开评论 打赏
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    如果您想在宜搭卡片中显示宜搭中上传的图片,可以按照以下步骤进行操作:

    1. 在宜搭中上传图片:首先,在宜搭后台中上传需要显示的图片。您可以使用“图片空间”或“文件管理器”等工具将图片上传到您的站点资源库中,或者直接将图片拖放到卡片编辑区域中。

    2. 获取图片链接地址:在上传图片成功后,您需要获取该图片的链接地址,以便在卡片中引用和显示该图片。具体地,您可以在宜搭的“图片空间”或“文件管理器”中找到所需图片,并将其链接地址复制到剪贴板中备用。

    3. 在卡片中添加图片:最后,在卡片编辑区域中添加图片元素,并将图片链接地址粘贴到图片元素的链接字段中。例如,在使用“图片轮播”卡片时,您可以在“图片列表”中添加一张或多张图片,并将其链接地址填写在相应的链接字段中。然后,您可以调整图片大小、位置、动画效果等样式属性,以满足您的需求。

    需要注意的是,在使用宜搭卡片时,建议您遵循平台的设计原则和样式规范,保持卡片的风格和风格一致,并确保图片的版权合法性和内容合规性。如果您需要帮助或指导,可以查阅宜搭的官方文档和教程,或咨询宜搭的技术支持团队。

    2023-06-26 17:39:09
    赞同 展开评论 打赏
  • CSDN全栈领域优质创作者,万粉博主;InfoQ签约博主;华为云享专家;华为Iot专家;亚马逊人工智能自动驾驶(大众组)吉尼斯世界纪录获得者

    在宜搭中上传图片后,可以通过以下步骤在卡片中显示图片:

    1. 在卡片编辑页面中,选择要添加图片的区域。
    2. 点击“插入图片”按钮,选择要添加的图片。
    3. 将图片拖动到所选的区域中。
    4. 调整图片的大小和位置,以适应卡片的设计。
    2023-06-26 15:31:14
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
关联地址:
问答排行榜
最热
最新

相关电子书

更多
宜搭 - 企业智能化应用搭建平台 立即下载
《云市场-宜搭解决方案》 立即下载
《宜搭开发手册》 立即下载