html上传图片，django获取前台上传的图片

1、在项目的配置中添加，

MEDIA_ROOT = ''# 文件的路径，空为当前项目下的直接路径，也可以使用绝对路径，保存到电脑上的某一个目录
MEDIA_URL='/'# 项目的url

2、html上传图片，使用form提交或者ajax提交文件都行

一、.html表单上传（不推荐）

最传统的图片上传方式是form表单上传，使用form表单的input[type=”file”]控件，打开系统的文件选择对话框，从而达到选择文件并上传的目的。

form表单上传。表单上传需要注意以下几点：

（1）、.提供form表单，method必须是post。

（2）、form表单的enctype必须是multipart/form-data。

二、ajax

FormData接口。通过FormData对象可以更灵活方便的发送表单数据，因为可以独立于表单使用。如果你把表单的编码类型设置为multipart/form-data ，则通过FormData传输的数据格式和表单通过submit()方法传输的数据格式相同。

ajax无刷新上传

3、django后台获取文件

image = request.FILES.get('img')
#得到文件对象后，可以使用
image.name 获取到图片的名字
image.size获取到图片的大小
image.read()可以获取图片内容
path = default_storage.save('news/'+image.name,ContentFile(image.read()))# 保存文件
# 如果MEDIA_ROOT有路径的话，添加上
tmp_file = os.path.join(settings.MEDIA_ROOT, path)# 上传文件的路径

然后就可以将路径保存到数据库中

4、前台获取图片并显示

{{ context.news_image.url }}

html上传图片，django获取前台上传的图片相关推荐

python图片重命名工具_python - 请问django如何给上传的图片重命名
问题我的models.py: pic = models.ImageField(upload_to='img/%Y/%m') 怎样给上传的图片重命名?例如:以当前上传的时间给图片命名.谢谢~! 解决 ...
php上传图片代码编辑,simditor上传本地图片 php
网上有很多simditor这个编辑器的文档,但是大多是重复的,并且php做服务端的也很少.最近做了一个上传功能,研究了一下,跟大家分享一下. 首先说一下逻辑,理解好了逻辑,才能更好的理解代码. 点击 ...
php上传图片到文件夹,2018.09.14PHP获取页面上传的图片存到指定文件夹再存到数据库中...
一.html代码 //传值方式必须是post 请选择要上传的文件: 二.php代码 session_start(); include 'mysql.php'; //获取图片所有的属性 $filenam ...
django如何给上传的图片重命名(给上传文件重命名)
1.先在你项目中添加一个文件夹如:system 在文件夹下添加__init__.py 和storage.py文件,并在storage.py中添加如下代码: # -*- coding: UTF-8 -* ...
发布房源（三）03——配置ImagePicker-图片上传请求图片路径-headers请求头的写法
发布房源--配置ImagePicker-图片上传 & 请求图片路径-headers请求头的写法配置ImagePicker-图片上传地址:https://mobile.ant.design/ ...
wordpress wpdb-update 能获取更新的id嘛?_WordPress 投稿页上传图片，支持游客上传
WebStack 导航主题有小伙伴评论说能不能加个投稿页,这样直接投稿到"网址"文章类型,管理员只要审核就可以了. 根据下文方法,投稿页基本框架一会就弄好了,但是在网址图标设置碰到 ...
Django搭建个人博客：上传头像图片
到目前为止我们的博客处理的都是文字.现代互联网早就进入了"读图"时代,图片的维护.展示也就相当重要. 上一章中预留了avatar字段,用来保存用户上传的头像,现在我们来实现这个功能 ...
jq ajax异步上传图片插件,jQuery异步上传文件插件ajaxFileUpload详细介绍
一.ajaxFileUpload是一个异步上传文件的jQuery插件. 传一个不知道什么版本的上来,以后不用到处找了. 语法:$.ajaxFileUpload([options]) options参数 ...
Django(part47)--文件上传
学习笔记,仅供参考文件上传上传须知文件上传必须为POST提交方式,在文件上传时,表单<form>中必须有带有enctype="multipart/form-data&quo ...

html上传图片，django获取前台上传的图片

html上传图片，django获取前台上传的图片相关推荐

最新文章

热门文章