首先开始创建一个 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. Job for keepalived.service failed because the control process exited with error code. See "systemctl status keepalived.service" and "journalctl -xe" for details.
			
    解决方案 https://blog.csdn.net/zt15732625878/article/details/86493096
    
			
    2. 
						
  2. UNIX  历史问题 分布式系统的Thundering Herd效应   惊群效应
			
    https://uwsgi-docs.readthedocs.io/en/latest/articles/SerializingAccept.html One of the historical pr ...
    
			
    3. 
						
  3. Kombu is a messaging library for Python.
			
    https://kombu.readthedocs.io/en/stable/introduction.html
    
			
    4. 
						
  4. kotlin之null值安全性
			
    var a: String =null // 编译错误 var a: String? =null // 编译通过 要允许null值, 需要将变量声明为可为null的字符串类型:String? fun  ...
    
			
    5. 
						
  5. 监控查询慢sql
			
    mysql:--查询慢sql:业务db用户 select b.time, b.host, b.id, b.state, b.user, b.db, b.info  from information_s ...
    
			
    6. 
						
  6. ubuntu报错解决和注意事项
			
    1.在容器中安装expect报错 [root@kube-node3 target]# docker exec -it 36563e55c42b sh$ sudo apt-get install exp ...
    
			
    7. 
						
  7. sed例子
			
    以care.log这个log文件为例, care.log: 05:44:31,816 DEBUG RawAggregationWorker:70 - LTS is working on Raw Dat ...
    
			
    8. 
						
  8. asp.net mvc 中Html.ValidationSummary显示html
			
    @if (!ViewData.ModelState.IsValid) { <div>@Html.Raw(HttpUtility.HtmlDecode(Html.ValidationSumm ...
    
			
    9. 
						
  9. 使用PostMan测试WebService接口
			
    使用PostMan测试WebService接口 参考资料: 通过XML请求WebServer  https://blog.csdn.net/qq_33933408/article/details/53 ...
    
			
    10. 
						
  10. mongodb 连接后无法使用 发现已经有进程在运行
			
    mongod 命令执行发现已经有进程在运行mongod数据库--errno:48 Address already in use for socket: 0.0.0.0:27017 错误信息: list ...
    
			
    11.