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

摘自:https://blog.csdn.net/lvluobo/article/details/80945257

url的配置:

如何在浏览器上显示图片呢?

Django项目在浏览器上显示本地图片,本来还以为直接放在虚拟机上,开启Django项目就可以访问到了,后来发现并不是这样的简单…

步入正题,如何在浏览器上显示本地图片,关键在于url的配置:

url的配置:
from django.views.static import serve

url(r'^book/(?P<path>.*)$', serve, {'document_root': '/home/python/Desktop/Book/images'})

前面是url的正则表达式,中间是从Django导入的serve.

关键的’document_root’,是存放图片的文件夹绝对路径

如何在浏览器上显示图片呢?

django项目启动后,根据启动的地址,这里使用的是

python manage.py runserver 192.168.1.30:8080

启动的django服务:

所以访问图片的时候:输入:192.168.1.30:8080/book/009.jpg

就访问到了虚拟机上该路径/home/python/Desktop/Book/images/下的009.jpg.

开发环境:Ubuntu16.04+Django 1.11.9+Python2.7

最近在用Django2,发现url变成了path,直接用正则也不支持了,需要导入re_path才可以

from django.urls import path,re_path

原文地址:https://www.cnblogs.com/q1ang/p/10652735.html

时间: 2024-11-08 17:29:49

Django在浏览器上显示本地图片, 外部图片的相关文章

&lt;img&gt;标签显示本地路径的图片的.NET解决方案

今天朋友问了我一个奇怪的需求:项目中要求图片上传到工作目录,上传后要在网页中通过<img>显示出来.图片上传后显示,在开发中常见的做法是将它图片上传到网站目录下(upload/),如果保存到别的目录(如:d:/upload),再用<img src="d:/upload/xxx.jpg"> 是找不到图片的. 想到了两种解决方法: 第一种:给路径加上"file://" (File协议主要用于访问本地计算机中的文件),目前只有ie下能正常显示 &l

herf与src区别 placeholder怎么才能在不同浏览器上显示一样 &lt;fieldset&gt;和&lt;legend&gt;标签的意思和用法

herf与src区别:和你这么说吧,href 表示超文本引用(hypertext reference),在 link和a 等元素上使用.src 表示来源地址,在 img.script.iframe 等元素上. src 的内容,是页面必不可少的一部分,是引入.href 的内容,是与该页面有关联,是引用.区别就是,引入和引用. 二:使用HTML5的Placeholder属性实现input输入框背景文字提示效果 这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的.但HTML5给我

使用SDwebImage去加载含有逗号的url 时候会无法加载,但是在浏览器上显示正常

这是因为缺少User-Agent  用户代理 用户代理 User Agent,是指浏览器,它的信息包括硬件平台.系统软件.应用软件和用户个人偏好. 自定义 #define USERAGENT @"Mozilla/5.0 (iPhone; CPU iPhone OS 5_1_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9B206 Safari/7534.48.3" 并且使用    [

django 实现头像上传(可以浏览图片)

center.html ------------------------------------- <div class="informations"> <p class="title">头像设置:</p> <div class="content"> <div class="left"> <p><img src={% static "blo

在浏览器上显示helloworld

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServ

input与select 设置相同宽高,在浏览器上却显示不一致,不整齐

遇到 input与select 设置相同宽高,在浏览器上却显示不一致,遂实验了下(IE 10.013 ,Firefox 30.0),得出以下结论 input   width,height 值里面, 不包含 border边框和padding内边距,即:设置的只是内容本身的高与宽.border与padding不在值里面,在浏览器上显示可见. select  width,height 值里面, 包含 border边框和padding内边距,即:设置的高宽里面包含了内容本身,border与padding

JS预览图像将本地图片显示到浏览器上

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> /** * 从

Atitit.&#160;html&#160;使用js显示本地图片的设计方案.doc

Atitit. html 使用js显示本地图片的设计方案.doc 1.  Local mode  是可以的..web模式走有的不能兰.1 2. IE8.0 显示本地图片 img.src=本地图片路径无效的解决方案1 2.1. div来完成 .filter1 2.2. URL.createObjectURL (html5 api  ma sida)2 2.3. Css 背景(吗四大)2 2.4. 这是Data URI scheme (base64).2 3. --code2 4. 参考2 1.  

Android 使用ContentProvider扫描手机中的图片,仿微信显示本地图片效果

首先我们先看第一个界面吧,使用将手机中的图片扫描出来,然后根据图片的所在的文件夹将其分类出来,并显示所在文件夹里面的一张图片和文件夹中图片个数,我们根据界面元素(文件夹名, 文件夹图片个数,文件夹中的一张图片)使用一个实体对象ImageBean来封装这三个属性 package com.example.imagescan; /** * GridView的每个item的数据对象 * * @author len * */ public class ImageBean{ /** * 文件夹的第一张图片路