django2 + python3 显示静态文件中的图片

之前一直搞不出来 是因为图片的问题,步骤也就是固定的几步,到位了就差不多成了

文件夹结构:

.
├── HelloWorld
│   ├── __init__.py
│   ├── __pycache__
│   │   ├── __init__.cpython-36.pyc
│   │   ├── settings.cpython-36.pyc
│   │   ├── urls.cpython-36.pyc
│   │   └── wsgi.cpython-36.pyc
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
├── db.sqlite3
├── hello
│   ├── __init__.py
│   ├── __pycache__
│   │   ├── __init__.cpython-36.pyc
│   │   ├── admin.cpython-36.pyc
│   │   ├── models.cpython-36.pyc
│   │   └── views.cpython-36.pyc
│   ├── admin.py
│   ├── apps.py
│   ├── migrations
│   │   ├── __init__.py
│   │   └── __pycache__
│   │       └── __init__.cpython-36.pyc
│   ├── models.py
│   ├── static
│   │   └── hello
│   │       └── 6.png
│   ├── templates
│   │   └── index.html
│   ├── tests.py
│   └── views.py
└── manage.py
settings.py文件加这两句

STATIC_URL = ‘/static/‘
MEDIA_ROOT = os.path.join(BASE_DIR, ‘static/‘)

views,py文件加

from django.shortcuts import render

from django.shortcuts import render
from django.http import HttpResponse

def showImg(request):
    return render(request,‘index.html‘)

urls.py

from django.contrib import admin
from django.urls import path
from hello import views
from django.conf.urls.static import static
from . import settings

urlpatterns = [
    path(‘admin/‘, admin.site.urls),
    path(‘‘,views.showImg)
]

index.html文件

一定要写

{% load staticfiles %} 这句
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    {% load staticfiles %}
</head>

<body>
<h1>显示一张本地图片</h1>
<img src="{% static ‘6.png‘ %}" width="500" height="500" alt="图片无法显示">
</body>
</html>

原文地址:https://www.cnblogs.com/liuw-flexi/p/9329169.html

时间: 2024-07-31 14:20:00

django2 + python3 显示静态文件中的图片的相关文章

Android之ListView异步加载图片且仅显示可见子项中的图片

折腾了好多天,遇到 N 多让人崩溃无语的问题,不过今天终于有些收获了,这是实验的第一版,有些混乱,下一步进行改造细分,先把代码记录在这儿吧. 网上查了很多资料,发现都千篇一律,抄来抄去,很多细节和完整实例都没看到,只有自己一点点研究了,总体感觉 android 下面要显示个图片真不容易啊. 项目主要实现的功能: 异步加载图片图片内存缓存.异步磁盘文件缓存解决使用 viewHolder 后出现的图片错位问题优化列表滚动性能,仅显示可见子项中的图片无需固定图片显示高度,对高度进行缓存使列表滚动时不会

Silverlight读取Zip文件中的图片与视频

首先看看Demo的截图: 下面我将一步步展示实现这个Demo的过程,这个需求就是读出Zip文件中的图片与视频. Demo整体架构: 首先我们准备几张图片和视频,然后将其压缩至resource.zip文件中,做完之后,我们建立一个resource.xml文件记录压缩包内的资源 <?xml version="1.0" encoding="utf-8" ?> <files> <file type="video" name=

向github的README文件中添加图片

1,向README文件中添加图片,用于展示程序效果或辅助说明! 两步: 首先,向github 上传所需的图片: 然后,打开README文件,写入图片的格式为: ![image](https://github.com/secondLieutenantCoder/TableAndCollection/blob/master/resut.png?raw=true) ![image](图片的URL) 图片写入成功!

FileSystem以标准输出格式显示Hadoop文件中的文件

//通过FileSystem API读取数据 //这里是以FileSystem以标准输出格式显示Hadoop文件中的文件 package com; import java.io.InputStream; import java.net.URI; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FileSystem; import org.apache.hadoop.fs.Path; import o

电脑中如何提取PDF文件中的图片

通常,我们在一些PDF文件中看到一些好看的图片,想将图片保存下来,但是PDF文件是无法编辑的,在文件自身当中我们无法将图片完成的提取出来,因此大家都会想办法在不破坏图片完整性的情况下将图片从PDF文件中提取出来,下面就跟大家分享一下小编是从电脑中如何提取PDF文件中的图片.借助工具:×××换器1.在PDF文件中提取图片,本身也是一种对文件的编辑,知识PDF文件无法编辑,所以我们要借助工具来进行编辑,工具可以直接在百度浏览器中下载.2.下载安装好工具,打开工具,进入到操作页面,操作页面左边是功能栏

【JAVA】在jar文件中引用图片等外部资源的问题

很多时候我们需要把java程序导出成可执行的jar包,但是往往会遇到一个问题:程序中引用的外部资源如图片等在可执行jar包中失效.笔者自己也遇到了这个问题,查阅了网上的一些资料,写得不太易懂,稍微研究了一下算是解决了这个问题,在这里记录下来. 我们以一个特别简单的程序为例,在JFrame中放置一张图片,工程的文档结构如下: 注意到图片资源是存放在src下的.代码如下: 1 package in.love1017best; 2 3 import javax.swing.*; 4 5 public

c# 提取word文件中的图片问题

最近遇到一个项目就是要从一份word中提取出所有的图片信息,功能看起来不是很难,只要使用office自带的Microsoft.Office.Interop.Word就可以解决问题.网上也有不少的文章来说明如何去实现.不过总体来说网上的内容分为两派一个是使用剪贴板来实现,一个是通过将图片转为byte数组来完成.个人倾向于后者,但是在实践过程中遇到了问题. 问题一:通过byte的方式来实现图片的提取会导致提取出来的图片的质量严重下降,这样的图片质量下降是无法通过修改图片质量的代码来优化和提高的.目前

python3处理json文件中含有中文dumps的应用

python3的编码问题一直比较简单 内存中字符串采用unicode 存储到文件中采用utf-8 以下为str,byte互相转换的过程: str = "abc学习" str Out[6]: 'abc学习' mybyte = str.encode("utf-8") mybyte Out[8]: b'abc\xe5\xad\xa6\xe4\xb9\xa0' str2 = mybyte.decode("utf-8") str2 Out[10]: 'ab

rich-text中如何显示云存储中的图片

有这样的场景: 对于只是公司官网的小程序,单独搭建一个后台管理系统确实不值得,使用小程序提供的云存储和云数据库就完全够用了,企业动态和公司新闻这些信息可能是需要定期更新的,内容中可能涉及到文本和图片的混排,一般会采用rich-text渲染,如果把这个图片存储在云存储中,该怎么显示呢? rich-text中如何渲染云存储中的图片? 首先,先把图片上传到云存储中: 每张图片会生成一个FileID,以后所有图片的操作都是通过这个FileID进行的. 其次,编辑文章的内容,其中会包含一个上面的图片,编辑