首先开始创建一个 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. Understanding the ASP.NET MVC Execution Process
			
    https://docs.microsoft.com/en-us/aspnet/mvc/overview/older-versions-1/overview/understanding-the-asp ...
    
			
    2. 
						
  2. 强悍的Python读取大文件的解决方案
			
    这是一道著名的 Python 面试题,考察的问题是,Python 读取大文件和一般规模的文件时的区别,也即哪些接口不适合读取大文件. 1. read() 接口的问题 f =open(filename, ...
    
			
    3. 
						
  3. 新西兰程序员 ASP.NET网站中设置404自定义错误页面
			
    新西兰程序员 ASP.NET网站中设置404自定义错误页面 在用ASP.NET WebForm开发一个网站时,需要自定义404错误页面. 做法是这样的 在网站根目录下建立了一个404.html的错误页 ...
    
			
    4. 
						
  4. oracle-游标-存储过程-函数-包
			
    一.存储过程 不可以在insert,update,delete中直接使用,可以有return但代表的是退出过程 过程有三种类型:不返回值,可以返回多个值,参数有三种类型,分别如下: in:只输入,不返 ...
    
			
    5. 
						
  5. 21 Flutter仿京东商城项目 商品详情 请求接口渲染数据  商品属性数据渲染
			
    加群452892873 下载对应21可文件,运行方法,建好项目,直接替换lib目录,在往pubspec.yaml添加上一下扩展.   cupertino_icons: ^0.1.2   flutter ...
    
			
    6. 
						
  6. git撤销某次提交
			
    1.查询提交记录.进入目录,查看某人在此目录下的commit: panxi@ww-bj-panxi MINGW64 [path]/Business (feature/v2.3) $ git log f ...
    
			
    7. 
						
  7. 科普贴：什么是上证50ETF期权？如何交易？
			
    这两天很多上证50ETF期权即将开通的新闻,有几个朋友表示,看了很多新闻,同样还是云里雾里,没搞清楚究竟是个什么东东?今天科普一下,部分内容摘自网络. 1.什么是ETF?ETF的英文全称是:Excha ...
    
			
    8. 
						
  8. LODOP设置纸张无效问题
			
    有的打印机不支持自定义纸张,或不支持当前设置的纸张尺寸,会造成纸张尺寸和代码里设置的尺寸不一致的情况.现象:1.代码一样,纸张语句设置正确,有的打印机纸张正常,有的打印机不正常.2.代码一样,纸张语句 ...
    
			
    9. 
						
  9. unity 读取灰度图生成按高程分层设色地形模型
			
    准备灰度图 1.高程按比例对应hue色相(hsv)生成mesh效果 o.color = float4(hsv2rgb(float3(v.vertex.y/100.0, 0.5, 0.75)), 1.0 ...
    
			
    10. 
						
  10. PHP中include、require、include_once、require_once的区别
			
    include:使用include引用外部文件时,只有代码执行到include代码段时,调用的外部文件才会被引用并读取,当引用的文件发生错误时,系统只会给出个警告错误,而整个php文件会继续执行.re ...
    
			
    11.