Django显示图片

Django上传图片和显示图片 1.首先写好models.py class UserInfo(models.Model): username = models.CharField(max_length=20, unique=True, null=False) password = models.CharField(max_length=20) image = models.ImageField(uploa... 阅读详情
通常在App的根目录下建两个目录
static用来放网站自己的图片、js、css等
media用来放用户上传的图片、文件等
现在假设有d:/wwwsite/office/static/images/psb.jpg


在urls.py中的urlpatterns中添加:
urlpatterns = patterns('',
    url(r'^static/(?P<path>.*)', 'django.views.static.serve', {'document_root': 'd:/wwwsite/office/static'}),
)


在office.html中加入
<img src="/static/images/psb.jpg">即可。
django在解析到地址为http://localhost/static/images/psb.jpg时会将其解析为d:/wwwsite/office/static/images/psb.jpg


但在Windows下测试网站时可能会有UnicodeDecodeError,可能与某些国产软件对注册表的改写gbk编码导致python无法进行第三方库的安装操作。
打开C:\Python27\Lib下的 mimetypes.py 文件,找到大概256行(你可以用Notepad++的搜索功能)的
‘default_encoding = sys.getdefaultencoding()’。
在这行前面添加三行,结果为:
if sys.getdefaultencoding() != 'gbk':  
    reload(sys)  
sys.setdefaultencoding('gbk')
default_encoding = sys.getdefaultencoding()


但这种处理方法每个App都要加入urlpattern,而且静态需要经过django的处理,速度太慢。


可参照 http://hgoldfish.com/blogs/article/77/的方法。


新的Django提供了一个方法自动地将所有的静态文件放在一起。只要在写App的时候创建一个static子目录专门保存静态文件就行了。在开发阶段,不必费心去做映射,不需要配置urls.py。


在布署到生产环境的时候,只需要配置Apache把/static/映射到STATIC_ROOT。然后运行manage.py collectstatic,自动地STATICFILES_DIRS列出的目录以及各个App下的static子目录的所有


文件复制到STATIC_ROOT。因为复制过程可能会覆盖掉原来的文件,所以,一定不能把我们辛苦做出来静态文件放这边!


在开发阶段,Django把/static映射到django.contrib.staticfiles这个App。staticfiles自动地从STATICFILES_DIRS、STATIC_ROOT以及各个App的static子目录里面搜索静态文件。一旦布署


到开发环境上,settings.py不需要重新编写,只要在Apache的配置文件里面写好映射,/static将会被Apache处理。django.contrib.staticfiles虽然仍然存在,但因为不会接收到


以/static/开始的路径,所以将不会产生作用。不必担心Django会使用处理速度变慢。另外,当settings.DEBUG is False的时候,staticfiles将自动关闭。


这样不需要在urls.py中的urlpatterns中添加,只要在img处加入
#直接使用
{% load staticfiles %}
<p><img src="{% static "images/psb.jpg" %}"></p>
#变量方式使用  
{% load staticfiles %}  
<link rel="stylesheet" href="{% static user_stylesheet %}" type="text/css" media="screen"/>
变量使用需要增加view
from django.shortcuts import render_to_response
def index(request):  
    return render_to_response('index.html', {'user_stylesheet': 'css/user.css'})


同时在setting.py中加入
STATIC_URL = '/static/'
STATICFILES_DIRS = (
     os.path.join(BASE_DIR, 'static').replace('\\', '/'),
)


(MEDIA的设置为
MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace('\\', '/')
MEDIA_URL = '/media/'

)
django 实现图片上传和显示操作 版本: django 2.0.1 python 3.6.2 准备工作: pip install pillow 安装python图片处理库 pillow pip install mysqlclient 安装mysql驱动包 django工程的创建和app的创建 在settings.py文件中加载app 上传操作的实现: 在所建app中修改... 阅读详情

相关推荐

Django后端上传图片并通过前端显示

在Django项目中通过127.0.0.1/admin登录到django后台上传图片保存到数据库中并在前端页面中显示

PY123456PY123456的博客 3029

django在html中显示图片【实测成功】

仅作为记录,大佬请跳过。 文章目录背景解决1、自己新建static文件夹2、settings.py修改3、templates文件夹里的showpic.html修改运行 背景 如果只用html文件写显示图片,只需将图片与html文件放在同一个文件夹;然后直接双击html文件,即可显示。(这种用vs code写) 博主用django在html中显示图片(能得到网址,以在浏览器中输入网址显示网页的方式)时,出现已有路径找不到图片的error(博主把图片与html文件放在了同一个文件夹,即templates文件夹

weixin_41529093的博客 1万+

部署在阿里云上的Django项目中,有的图片能显示出来,有的图片显示不出来的原因

纳尼,我的苍老师怎么不见了???明明是同一个 for 遍历出来的东西,怎么会不一样呢???检查后台发现:原来是因为:图片名称中含有中文字符的图片在云服务器上无法正常显示后来被大神教育了一下,“无论如何,图片的名称里都不应该有汉字,这是最基本的规范!”

HeatDeath的博客 2986

django的页面显示图片

在这里,我们使用{{ book.book_image.url }}来获取上传的图像文件的URL,并将其传递给。1.首先,在models.py文件中定义Book类,并添加一个book_image字段。4.在您的视图函数或类中,将Book对象的book_image字段传递给您的模板。3.在urls.py文件中添加一个URL模式,以便能够在浏览器中访问上传的图像。这将确保上传的图像被保存在项目根目录下的media目录中,并且在前端页面上正确显示。这将使您的模板能够访问您Book对象的book_image字段。

liulanba的博客 1485

用STM32定时器PWM高级功能驱动步进电机:F103C8T6+TB6600实战教程

本文详细介绍了如何利用STM32F103C8T6微控制器的定时器PWM高级功能驱动TB6600步进电机驱动器,实现高效、灵活的运动控制方案。通过硬件配置、PWM参数计算、运动控制算法及TB6600高级功能应用的全面解析,为工业自动化和精密控制领域提供了实用的技术参考。

game4的博客 186

基于TDOA的chan算法(定位算法)

Chan算法原理 TDOA(TDOA,the time differences of arrival,到达时间差),Chan算法是TDOA定位方法的一个很好用的方法。 Chan算法是非递归双曲线方程组解法,具有解析表达式解,主要特点是:在测量误差服从理想高斯分布时,它的定位精度高、计算量小,并且可以通过增加已确定点的数量来提高算法精度。 该算法的推导前提是基于测量误差为零均值高斯随机变量,对于实际环境中误差较大的测量值,比如在有非视距误差的环境下,该算法的性能会有显著下降。二维情况下,可分为只有三个点参与定

优快云不再更新 2万+

django 实现显示图片功能

此方法亲测有效 django 版本 3.0.8 python 版本 3.8.1 在settings.py中添加如下代码 MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR, 'media') 在你的主项目的urls.py下添加如下代码 from django.contrib.staticfiles.urls import staticfiles_urlpatterns from django.contrib import staticf

wchasedream的博客 6133

Matlab:Matlab 软件学习之Matlab内置的各种系统的简介、案例应用(基于Simulink模糊控制仿真/二阶瞬态震荡电路案例)之详细攻略

选择左上角要编辑变量的图标,给定当前变量的论域Range,设置隶属函数类型type(八种隶属函数类型以供选择),最后选中某个隶属度函数(选中为红色),移动绘图区的每个隶属度函数的三个端点(竖向为权重)。(1)、首先在模糊规则编辑器左边选择一个输入变量,并选中它的一个语言值(隶属函数),然后编辑器右边选择一个输出变量,并选中它的一个语言值(隶属函数),然后将这种关系添加到模糊规则中。制定完成后,会形成模糊规则矩阵,系统会根据模糊输入量(如r1、r2),经过模糊规则(如45条),进而确定输出量(Y1、Y2)。

走向CTO之路 1123

Django 中显示图片

在 Django 中显示图片的基本步骤包括:配置静态文件和媒体文件的处理、上传图片、以及在模板中显示图片。以下是详细步骤:

weixin_44617651的博客 971

YOLOv11 改进 - 注意力机制 | GC Block(GlobalContext Block)全局上下文块:三重变换捕获全局依赖,提升复杂场景鲁棒性

本文介绍了全局上下文块(GC Block)及其在YOLOv11中的集成应用。GC Block是GCNet的核心组件,结合了NLNet和SENet的优势,通过上下文建模、特征变换和特征融合三个模块,高效捕获特征图中的全局依赖关系,在提高模型性能的同时降低计算成本。我们将GC Block引入YOLOv11,在检测头部分的不同尺度特征图上应用该模块。实验表明,改进后的YOLOv11在目标检测任务中表现良好,展现了GC Block在实际应用中的价值。

魔改工程师的博客 953

出现 Error occurred during initialization of VMagent library failed Agent OnLoad 解决方法

ntelliJ IDEA启动时出现"Agent library failed to load"错误,主要原因是JVM代理加载失败。解决方法包括:1)完全卸载并删除用户目录下的JetBrains配置文件;2)检查并修改idea64.exe.vmoptions文件,确保路径正确并删除不必要的-javaagent参数;

码农研究僧的博客 2485

实战Django:轻松解决上传图片无法显示的问题

完整的课程大纲请访问下面的链接查看https://www.processon.com/view/link/64d1031049d48833cfebbf8f。Jmeter接口自动化测试实战全集: https://www.bilibili.com/video/BV1ca4y1w7Dx。2023GPT探索发现合集:https://www.bilibili.com/video/BV1Hj411B7Jp/性能测试合集:https://www.bilibili.com/video/BV1SP41187jT/

qq_40449020的博客 2000

YOLOv11涨点改进 | Neck改进篇 | YOLOv11引入 BiFPN双向特征金字塔网络,显著提升了多尺度特征融合效率

本文介绍了基于BiFPN特征融合模块优化的YOLOv11目标检测模型。BiFPN通过双向跨尺度连接和加权特征融合机制,显著提升了多尺度特征融合效率。该方法在COCO数据集上实现了55.1AP的检测精度,同时大幅降低计算成本(减少13-42倍FLOPs)。文章详细解析了BiFPN模块结构、核心代码实现方法,并提供了YOLOv11-BiFPN配置文件的修改指导,为计算机视觉领域提供了一种高效的目标检测解决方案。

Ai缝合怪、助力小伙伴高效发论文 717

Django无法显示图片

路径不对 源码 {% load staticfiles %} <img src="{% static "/image/pic/time.jpg" %}"> <img src="{% static "../image/pic/time.jpg" %}" > 其中第一条可以显示,第二条不可以显示。 Chrome调试的结果 <img src="/static/imag...

csdn_kou的博客 6293

【OpenClaw从入门到精通】第13篇:OpenClaw低代码编排实战:非技术人员也能玩转AI自动化流程(2026新版实测)

本文聚焦OpenClaw 2026版核心升级的低代码编排能力,针对非技术人员的实操需求,从底层逻辑、双环境部署、三类实战案例、避坑指南四个维度展开。详解阿里云集群版(企业级)与汉化本地版(个人调试)的部署步骤,通过基础数据统计、公众号内容生产线、企业级任务调度三个递进式案例,演示可视化拖拽搭建自动化流程的完整过程。全程零代码/低代码操作,配套详细参数配置、执行结果模拟及问题排查方案,帮助销售、运营、自媒体等非技术人员快速掌握自动化工具,将重复工作交给AI,提升核心工作效率。

专注于人工智能、软件开发、工控自动化、工厂数字化及智能化等领域,希望和大家共同进步! 618

LDRA Testbed(TBrun)软件单元测试_实例讲解(对多次调用的函数打桩)

在之前的文章《LDRA Testbed(TBrun)软件单元测试_操作指南》中,已经讲解了如何使用TBrun进行软件单元测试的基本操作步骤。本篇文章将结合实例进一步讲解被测函数中包含多次调用其他函数时,如何对其打桩来实现测试目的(详细的操作流程本文不再重述,若有不清楚的,可以结合之前的操作指南一起来看)。本文以一个被测函数作为示例,讲解了如何使用Testbed(TBrun)对涉及到多次调用其他函数的被测函数进行单元测试。本文的示例可能比较简单,但是思路、方法和流程都是通用的,希望对大家有所帮助。

文章主要涉及嵌入式软件开发、测试、项目管理等,欢迎交流,共同进步。 1465

Django图片显示问题

工具:JetBrains PyCharm 2018.1.3 x64Django版本:2.0.5最近课程设计在做一个电影推荐系统,前端在用DW搭好框架以后发现挪到Django上图片全部无法显示,参考网上已有的一些方法弄了很久还是没有用,最后发现bug出现在文件路径上,因为后端不是我负责,所以对链接路径不熟,导致这个问题一直困扰了我三四天才解决。先说方法和代码:(1)我的APP名称为moviesite...

zln_whu的博客 7488

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

Django在浏览器上显示本地图片

Django项目在浏览器上显示本地图片,关键在于url的配置。 代码如下: from django.views.static import serve url(r'^book/(?P<path>.*)$', serve, {'document_root':'E:/novel'}) r'^(?P<path>.*)$' -- url的正则表达式 serve ...

谨 5837

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

如何使用django显示一张图片

  django显示图片对新手来说真的算是一个坑。。   这里记录下小白爬坑的历程。   首先,你需要一个可以运行的django服务器,能显示正常的html文本,无法显示图片   这是html的文本,可以显示文字,无法显示图片 <h1>An Image Test</h1> <img src="medias/1.jpg">   ...

weixin_30240349的博客 574

【Django】Django在浏览器上显示本地图片

Django项目在浏览器上显示本地图片,本来还以为直接放在虚拟机上,开启Django项目就可以访问到了,后来发现并不是这样的简单.. 步入正题,如何在浏览器上显示本地图片,关键在于url的配置: url的配置: from django.views.static import serve url(r'^book/(?P&amp;lt;path&amp;gt;.*)$', serve, {'document_...

10相濡以沫 9267

django返回vue图片显示

把图片在django中以二进制形式打开后,使用base64库进行编码,把字符串以json格式返回或者直接返回均可。vue中使用axios接收django发送的图片即可,这里进行封装request方便后续多次调用。在django和vue中的交互中在前后端分离的情况下只有2和3两种方式可以使用。vue显示图片分为3种方式。

qq_54088171的博客 457

Django设置media以显示图片

1. settings 设置 Django 通过后台(admin 或 xadmin)上传图片之前,需要设置 media 路径与文件夹。 主要处理 ImageField字段,这里 upload_to 中,%Y 表示年,%m 表示月。 class CourseOrg(models.Model): image = models.ImageField(default='', upload_to='...

weixin_43829633的博客 1139

【Django+vue3】上传和显示图片

最近在学习使用django和vue3写一个前后端项目,在上传用户图片这边卡了好一会儿,网上找了好多资料,最后还是自己总结了一点经验。我前端用的是elment-plus框架,上传图片用了el-upload组件,后端采用django,前后端分离。本文主要介绍如何利用vue3 + django上传图片和显示图片。

qq_51248362的博客 3101

Django在浏览器上显示本地图片, 外部图片

摘自:https://blog.youkuaiyun.com/lvluobo/article/details/80945257 url的配置: 如何在浏览器上显示图片呢? Django项目在浏览器上显示本地图片,本来还以为直接放在虚拟机上,开启Django项目就可以访问到了,后来发现并不是这样的简单… 步入正题,如何在浏览器上显示本地图片,关键在于url的配置: url的配置: from django.vie...

weixin_38166557的博客 369

Django Admin 上传多张图片并显示缩略图

Django Admin 上传多张图片并显示缩略图 1.效果预览 需要的python库:因为要处理图片,必须安装pillow库。 2.自定义Widget django Admin使用的图片上传Widget是: <input type='file'> 非常丑陋,直接使用肯定是不行的,再说我们还要展示上传之后的图片的缩略图,因此必须自定义控件。 在models.py中,自定义控件的py...

anbuqi的博客 5289
上一篇: 几步制作高清ICO图标
下一篇: log4net输出到PostgreSql
thy38
博客等级 码龄19年 184粉丝 116原创
评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值