您好我在HTML中引用上传的图片时遇到了问题。
我正在使用ImageField保存个人资料照片:
picture = models.ImageField(upload_to='stories/static/stories/profile_images/', blank=True)
如您所见,它会上传到<App folder>/static/stories/profile_images/
然后我在HTML中引用它:
<div class="profilepic" style="background-image: url('/{{ x.writer.picture }}');"></div>
指向
ROOT /故事/静态/故事/ profile_images / .JPG
而不是
ROOT /静态/故事/ profile_images / .JPG
有什么想法吗?
(我试图反向截断前8个字符,但没有可用的内置模板过滤器)
答案 0 :(得分:1)
由于您的upload_to
为stories/static/stories/profile_images/
,因此显示正确的路径:
ROOT/stories/static/stories/profile_images/.jpg
还有一件事,你需要.url
才能获得带有路径的图片
{{ x.writer.picture.url }}