开发者社区> 问答> 正文

在自定义页面下,在对话框里面插入上传图片组件,提交到表单里面后,图片无法显示,请高手指点一下!

BaiduShurufa_2023-4-28_16-11-33.png

展开
收起
游客csodgv4rmsyp2 2023-04-28 16:21:57 32968 0
来自:钉钉宜搭
5 条回答
写回答
取消 提交回答
  • 全栈JAVA领域创作者

    根据您提供的截图,似乎您在对话框中使用了来上传图片。但是提交后图片无法显示,可能是因为您没有正确设置表单的enctype属性或者没有正确处理上传的文件。

    以下是一些可能有用的建议:

    确保表单的enctype属性为multipart/form-data,以支持文件上传。可以在表单的action属性后面添加form-data来设置。例如:

    bash 复制代码

    在后台处理上传的文件时,确保正确地获取上传的文件数据。可以使用PHP的$_FILES数组来获取上传的文件信息。例如:

    php 复制代码

    "; } ?>

    在前端处理上传的文件时,确保正确地设置图片的URL地址。可以使用JavaScript来生成图片URL地址。例如:

    javascript 复制代码

    // 假设上传成功后,文件存储在服务器上的路径为"uploads/example.jpg" var imageUrl = "/uploads/example.jpg"; // 将图片URL地址赋值给输入框的value属性,以便用户可以看到图片 document.getElementById("photo").value = imageUrl;

    2023-05-06 21:46:36
    赞同 展开评论 打赏
  • 您好,如果在自定义页面下,在对话框里面插入上传图片组件,提交到表单里面后图片无法显示,可能是以下原因导致的:

    图片上传路径不正确:请确保您的图片上传路径是正确的,并且可以被程序访问到。建议将图片保存在服务器本地文件系统或者云存储中,并使用绝对路径来指定图片位置。

    图片格式不支持:请确保您上传的图片格式是常见的图片格式,例如JPEG、PNG等,并且浏览器可以正常显示这些图片。如果上传的图片格式不受支持,则可能会导致无法显示。

    图片大小超出限制:请确保您上传的图片大小没有超出系统设定的限制。如果上传的图片过大,可能会导致无法正常显示。

    表单提交时没有正确处理图片数据:请确保您在表单提交时,正确地处理了图片数据,并将图片数据保存到数据库或其他存储介质中。建议使用Base64编码方式将图片数据转换为字符串,并在表单提交时一并提交。

    以上是可能引起问题的几个原因,希望能对您有所帮助。如果问题仍然存在,请提供更详细的信息和代码,以便我们更好地帮助您解决问题。

    2023-04-30 08:22:38
    赞同 展开评论 打赏
  • 值得去的地方都没有捷径

    如果您在自定义页面中使用了上传图片组件,但是提交到表单后图片无法显示,可能是因为您没有正确设置图片的路径或者没有将图片上传到正确的位置。

    以下是一些可能导致问题的原因和解决方法:

    检查图片的文件名和文件路径是否正确。在表单中提交的图片路径应该与上传的图片路径相同。例如,如果您的上传图片路径为 /uploads/images/,则在表单中提交的图片路径应该为 /uploads/images/。

    确保您已经将图片上传到正确的位置。上传的图片应该保存在服务器上的某个目录中,您需要在表单中使用正确的路径来引用这些图片。如果您不确定上传的图片是否保存在正确的位置,请检查您的服务器日志文件,查看上传文件的路径是否正确。

    检查您的图片是否已经被正确地处理。如果您使用了某些图片处理库或工具,例如 imagemagick 或 pillow,那么您需要确保您已经正确地配置了这些工具,并且您的图片已经被正确地处理。如果您不确定您的图片是否已经被正确地处理,请检查您的服务器日志文件,查看是否有任何与图片处理相关的错误消息。

    希望这些信息能够帮助您解决问题。

    2023-04-29 14:33:32
    赞同 1 展开评论 打赏
  • 十年摸盘键,代码未曾试。 今日码示君,谁有上云事。

    宜搭自定义页面的图片组件需要上传的是图片的带有 HTTP 的公网地址,本地上传的图片会存在其他人访问时看不见图片的情况。

    2023-04-28 19:34:49
    赞同 1 展开评论 打赏
  • 阿里云宜搭在自定义页面下插入上传图片组件后,提交到表单中后图片无法显示的问题,可能是因为您没有正确设置上传图片组件的路径或者图片的访问路径。

    为了解决这个问题,您可以尝试以下几种方法:

    1. 在上传图片组件中设置正确的图片路径,确保图片可以正确上传到指定的路径。

    2. 在表单中添加图片访问路径的隐藏域,将上传图片组件中的路径信息写入到隐藏域中,然后在提交表单后将隐藏域中的路径信息读取出来,作为图片的访问路径。

    3. 在自定义页面中使用相对路径或者绝对路径来引用图片,确保图片可以正确显示。

    4. 确认您的图片存储位置是否设置正确,是否有读取权限。

    希望以上方法可以帮助您解决问题,如果还有其他疑问或者需要进一步帮助,请联系阿里云宜搭的技术支持或者开发者社区,获取更详细的指导和帮助。

    2023-04-28 16:31:35
    赞同 展开评论 打赏
问答分类:
问答地址:
关联地址:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载