首先开始创建一个 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. mysql安装到启动遇见的问题
			
    一.有时候安装mysql后使用mysql命令时报错 Can't connect to MySQL server on localhost (10061),或者用net start mysql 时报服务 ...
    
			
    2. 
						
  2. linux下什么工具可以用来纠正文件中的拼写和排版错误？
			
    答: ispell,官网在此
    
			
    3. 
						
  3. SQL-W3School-高级：SQL 约束（Contraints）
			
    ylbtech-SQL-W3School-高级:SQL 约束(Contraints) 1.返回顶部 1. SQL 约束 约束用于限制加入表的数据的类型. 可以在创建表时规定约束(通过 CREATE T ...
    
			
    4. 
						
  4. JavaScript函数中的this四种绑定形式
			
    this的默认绑定.隐式绑定.显示绑定.new绑定 <script> //全局变量obj_value ; //1.window调用 console.log(`*************** ...
    
			
    5. 
						
  5. 使用iptables为docker容器动态添加端口映射
			
    1.将当前iptables的配置写入保存到/etc/sysconfig/iptables 2.保存 /etc/init.d/iptables sava 3.修改iptables配置(vi /etc/s ...
    
			
    6. 
						
  6. PHPCMS get SQL 返回单条的办法
			
    {pc:get sql="SELECT * FROM v9_member_detail where userid=1" num="1" return=" ...
    
			
    7. 
						
  7. LODOP设置纸张无效问题
			
    有的打印机不支持自定义纸张,或不支持当前设置的纸张尺寸,会造成纸张尺寸和代码里设置的尺寸不一致的情况.现象:1.代码一样,纸张语句设置正确,有的打印机纸张正常,有的打印机不正常.2.代码一样,纸张语句 ...
    
			
    8. 
						
  8. form表单Get方式提交时,action中带参数传递不了
			
    <form action="getPostServlet/getPost.do?param4=param4" method="get"> <i ...
    
			
    9. 
						
  9. C++——文件的读写
			
    C++中标准IO库的fstream头文件定义了三种支持文件IO的类型: ifstream,由istream派生而来,提供读文件的功能. ofstream,由ostream派生而来,提供写文件的功能.  ...
    
			
    10. 
						
  10. NDK学习笔记-JNI多线程
			
    前面讲到记录到ffmpeg音视频解码的时候,采用的是在主线程中进行操作,这样是不行的,在学习了POSIX多线程操作以后,就可以实现其在子线程中解码了,也可以实现音视频同步了 简单示例 在native实 ...
    
			
    11.