开发者社区> 问答> 正文

怎样在宜搭普通表单中将图片在单行文本中展示

image.png

展开
收起
游客ynliwa4o6enfi 2023-10-14 10:23:32 142 0
3 条回答
写回答
取消 提交回答
  • 在宜搭平台的普通表单中,如果您希望将图片展示在单行文本中,可以使用以下步骤:

    1. 在宜搭平台中创建一个普通表单组件,选择字段类型为 "单行文本"。

    2. 在该字段的属性设置中,找到 "输入框模式" 或类似选项,并选择 "富文本" 或 "HTML" 模式。这将允许您在输入框中插入 HTML 代码和标签。

    3. 在 "默认值" 或者 "占位符" 属性中输入以下 HTML 代码,用于展示图片:

      <img src="图片路径" alt="图片描述">
      

      其中,"图片路径" 是您要展示的图片的 URL 或相对路径,"图片描述" 是可选的图片替代文本,用于在图片无法显示时提供替代信息。

    4. 确认并保存表单组件的设置。

    这样,在宜搭平台的普通表单中,该字段将会渲染为一个单行文本输入框,其中插入的 HTML 代码将会显示为图片。请确保您提供的图片路径是有效的,并且可以在浏览器中正常加载。

    2023-10-14 21:15:48
    赞同 展开评论 打赏
  • 十年摸盘键,代码未曾试。 今日码示君,谁有上云事。

    单行文本可用于录入数字,比如身份证号、手机号、学号、员工编号、银行卡号、会员号等;也可只输入普通的文字。

    在报表中可以直接展示表单图片,使用前提:

    体验版不支持,

    新建应用内 3.0 报表,旧应用 3.0 报表需借助单元格图片配合实现。

    使用场景:

    在数据统计的时候想直观展示产品名称对应的产品图片,可以参考下面案例搭建实现。

    创建普通表单:

    在表单设计上面选择单行文本、图片上传组件。

    创建报表:

    报表选择表格组件,数据集选择上面创建好的表单,字段选择产品名称、图片上传_预览地址。

    提交表单数据:

    实现效果:

    直接将表单数据中上传的图片进行报表展示,如下图:

    2023-10-14 11:14:30
    赞同 1 展开评论 打赏
  • 北京阿里云ACE会长

    要在宜搭普通表单中将图片在单行文本中展示,您可以使用以下方法:

    1. 首先,将图片上传到您的阿里云 OSS 存储或腾讯云 COS 存储等云存储服务。
    2. 获取图片的 URL 地址。您可以使用云存储服务的 API 获取图片的 URL,例如阿里云 OSS 的 GetObject 接口。
    3. 在宜搭表单中,创建一个单行文本字段,并将其设置为“富文本”类型。这样,您可以在文本字段中插入图片。
    4. 在富文本编辑器中,将图片的 URL 插入到文本中。请确保图片的 URL 格式正确,并确保您有权访问该图片。
      将图片 URL 插入富文本编辑器的方法可能因编辑器而异。一般来说,您可以在富文本编辑器的工具栏中找到一个插入图片的选项,然后将图片 URL 粘贴到指定的文本框中。在宜搭中,您可以尝试使用“表情”功能来插入图片。
    2023-10-14 10:42:43
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

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