首先开始创建一个 static 文件夹用来保存图片

去 setting 里面进行配置

MEDIA_ROOT = os.path.join(BASE_DIR,'media')
#前面大写的是死格式，尽量不要写错

一级路由里面写

re_path(r'^media/(?P<path>.*)$', serve, {'document_root': settings.MEDIA_ROOT})

在vue中的templates里这样写

<div>

    姓名：<input type="text" v-model="name"><br>

    图片：<input type="file" id="img"><br>      #这个ID是下面												


											
vue添加图片的更多相关文章
	

    
								
  1. 周记4——vue中动态添加图片无效、build上线后background-image路径问题
		
    又是一个周五,又一周要过去了...很开心,这周遇到了vue中的一个比较常见的坑,网上随便一搜就有了很多解决方案...“幸运”的是,我选了一个带坑的方案...所以我觉得有必要记录一下这个“坑中坑”... ...
    
		
    2. 
						
  2. iview+vue 表格中添加图片
		
    开门见山,话不多说,要在表格中添加图片,可以使用td: <table " width="100%"> <tr class="tr-style  ...
    
		
    3. 
						
  3. vue.js 图片预览
		
    Vue.js的图片预览的插件还是不少,但是找了半天还是没找到跟现在项目里能用得很顺手的,其实项目里图片预览功能很简单,点击放大,能双指缩放就可以了.部分vue.js的图片预览库都需要把图片资源单独拿出 ...
    
		
    4. 
						
  4. C#如何在PDF文件添加图片印章
		
    文档中添加印章可以起一定的作用,比如,防止文件随意被使用,或者确保文档内容的安全性和权威性.C#添加图片印章其实也有很多实现方法,这里我使用的是免费的第三方软件Free Spire.PDF,向大家阐述 ...
    
		
    5. 
						
  5. C# 给PDF添加图片背景
		
    C# 给PDF添加图片背景 今天要实现的是给PDF文件添加图片背景这个功能.PDF是近年来最流行的文件之一,无论是办公还是日常生活中都经常会用到,很多时候,PDF文件的背景色都是白色,看多了难免觉得累 ...
    
		
    6. 
						
  6. 黄聪：phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
		
    首先到phpexcel官网上下载最新的phpexcel类,下周解压缩一个classes文件夹,里面包含了PHPExcel.php和PHPExcel的文件夹,这个类文件和文件夹是我们需要的,把class ...
    
		
    7. 
						
  7. C# 利用占位符替换word中的字符串和添加图片
		
    利用占位符替换word中的字符串和添加图片   ///<summary>         /// 替换word模板文件内容,包括表格中内容         /// 调用如下:WordStr ...
    
		
    8. 
						
  8. pyside 为窗口添加图片
		
    有时我们需要添加一些图片到窗口上,下面给一个通过QLable实现的方法. 这里需要注意的是,当你启用多线程时,方法调用的setPixmap,会导致qt报出一个线程安全错误. 因此,让这个绘图工作尽量在 ...
    
		
    9. 
						
  9. UILabel添加图片之富文本的简单应用
		
    若想对UILabel添加图片,那么就需要使用NSMutableAttributedString来定义先定义一个普通的label UILabel *lab = [[UILabel alloc]initW ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 推送kafka消息失败
			
    晚上变更 怎么都推不过去,蛋疼,睡饱后加了个hosts没想到好了,然后搜了一下,大概是如下的原因 转自 https://www.cnblogs.com/linlianhuan/p/9258061.ht ...
    
			
    2. 
						
  2. PyTorch Tutorials 1 PyTorch是什么?
			
    %matplotlib inline PyTorch是什么? 基于Python的科学计算包,服务于以下两种场景: 作为NumPy的替代品,可以使用GPU的强大计算能力 提供最大的灵活性和高速的深度学习 ...
    
			
    3. 
						
  3. SQL-W3School-高级：SQL CREATE TABLE 语句
			
    ylbtech-SQL-W3School-高级:SQL CREATE TABLE 语句 1.返回顶部 1. CREATE TABLE 语句 CREATE TABLE 语句用于创建数据库中的表. SQL ...
    
			
    4. 
						
  4. centos6.5安装mysql（转载，亲测可用）
			
    如果要在Linux上做j2ee开发,首先得搭建好j2ee的开发环境,包括了jdk.tomcat.eclipse的安装(这个在之前的一篇随笔中已经有详细讲解了Linux学习之CentOS(七)--Cen ...
    
			
    5. 
						
  5. 虚拟化技术实现 — QEMU-KVM
			
    目录 文章目录 目录 前文列表 KVM QEMU QEMU-KVM QEMU-KVM 调用 KVM 内核模块启动虚拟机的流程概要 前文列表 <虚拟化技术实现 - 虚拟化技术发展编年史> K ...
    
			
    6. 
						
  6. 用VLC读取摄像头产生RTSP流，DSS主动取流转发（一）
			
    用VLC读取摄像头产生RTSP流,DSS主动取流转发(一) 摄像机地址是192.1.101.51,VLC运行在192.1.101.77上,DSS服务器架设在192.1.101.30上. Step1:V ...
    
			
    7. 
						
  7. PAT 甲级 1013 Battle Over Cities (25 分)（图的遍历，统计强连通分量个数，bfs，一遍就ac啦）
			
    1013 Battle Over Cities (25 分)   It is vitally important to have all the cities connected by highway ...
    
			
    8. 
						
  8. 【c++基础】C++编写Config类读取配置文件
			
    前言 系统程序一般需要读取参数文件,看到一个很好的Config类记录在此. 头文件Config.h //Config.h //re: https://blog.csdn.net/David_xtd/a ...
    
			
    9. 
						
  9. react中 如何异步展示后台接口的提示消息
			
    调用接口后,后台会返回这样的一段信息提示:{"errCode":400002,"errMsg":"字段校验异常","data&qu ...
    
			
    10. 
						
  10. Matplotlib数据可视化基础
			
    import numpy as np import matplotlib.pyplot as plt ## %matplotlib inline表示在行中显示图片,在命令行运行报错 data = np ...
    
			
    11.