将 Django 数据库中的图像显示到 React JS 前端

大佬教程收集整理的这篇文章主要介绍了将 Django 数据库中的图像显示到 React JS 前端，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决将 Django 数据库中的图像显示到 React JS 前端？

开发过程中遇到将 Django 数据库中的图像显示到 React JS 前端的问题如何解决？下面主要结合日常开发的经验，给出你关于将 Django 数据库中的图像显示到 React JS 前端的解决方法建议，希望对你解决将 Django 数据库中的图像显示到 React JS 前端有所启发或帮助；

我遇到了一个问题，我上传到 Django 数据库的图像没有显示到 React Js 前端。我创建了这个模型：

class Project(models.Model):
    title = models.CharFIEld(max_length=100,null=falsE)
    description = models.CharFIEld(max_length=10000,null=falsE)
    thumbnail = models.ImageFIEld(upload_to='images/',null=falsE)

我已经连载了它等等。然后，我通过转到可以查看数据库的 /admin url 将该信息上传到数据库。之后，我对数据库进行 API 调用并获取所有数据。现在这就是问题发生的地方。我将该数据移动到 useState([]) 中，然后映射该状态。标题和描述确实会显示在屏幕上，但图像不会。这是我映射 useState([]) 的代码：

{projData.map(data => (
     <div key={data.ID}>
          <img classname="thumbnail" src={data.thumbnail}/>
          <span classname="title">{data.titlE}</span>
          <p classname="description">{data.description}</p>
     </div>
))}

就像我说的，标题和描述确实被成功调用，但这是我为图像得到的错误：

[错误] 无法加载资源：http://127.0.0.1:8000/images/BACkground.png 服务器响应状态为 404（未找到）（BACkground.png，第 0 行）

图像确实被移动到图像文件夹中。但由于某种原因，它不会显示到实际网站中。我能做什么？

解决方法

大佬总结

以上是大佬教程为你收集整理的将 Django 数据库中的图像显示到 React JS 前端全部内容，希望文章能够帮你解决将 Django 数据库中的图像显示到 React JS 前端所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。