目标：通过网页上传一张图片到Django后台，后台接收并存储进数据库

真是不容易！！这个案例的代码网上太乱，不适合我，自己摸索着写，终于成功了，记录一下，仅供自己参考，有的解释可能不对，自己明白就好，哈哈哈！~！~！

1.首先用pycharm创建一个Django项目，嗯，对，这是第一步~

2. 第二步呢，改一下setting.py的设置吧，数据库配置一下

DATABASES = {

    'default': {

        'ENGINE': 'django.db.backends.mysql',

        'NAME': 'my',  # 确保数据库已经存在

        'HOST': '127.0.0.1',

        'PORT': '',

        'USER': 'root',

        'PASSWORD': '',

    }

}

　　然后呢，添加点东西在最后

　　设置完上传的照片会自己创建和文件夹media存进去。

MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace('\\', '/')  # 设置静态文件路径为主目录下的media文件夹

MEDIA_URL = '/media/'

OK~！ setting.py设置完成！

3. 第三步咱去models.py文件，创建点数据表用来存储上传的照片路径和名称

from django.db import models

# Create your models here.

class mypicture(models.Model):

    user = models.CharField(max_length=64)

    photo = models.ImageField(upload_to='photos', default='user1.jpg')

生成一下，那两句命令：

python manage.py makemigrations

python manage.py migrate

4. 第四步，去url.py文件，改一下路由

from django.contrib import admin

from django.urls import path

from app01 import views

from django.conf.urls.static import static

from django.conf import settings

urlpatterns = [

                  path('admin/', admin.site.urls),

                  path('updateinfo/', views.updateinfo),

              ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

5. 第五步我们去创建一个HTML文件，用来上传图片，名字随便起了。

aaa.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form action="/updateinfo/" method="POST" enctype="multipart/form-data">

{% csrf_token %}

    <div class="updateImg">

        <img src="{{ account.photo.url }}" alt=""/></div>

    <input name="photo" type="file" id="exampleInputFile">

    <button id="photo" class="btn btn-danger" type="submit">上传头像</button>

</form>

</body>

</html>

6. 第六步我们view.py文件。这是很重要的~！~！~！

from django.shortcuts import render, HttpResponse

from app01 import models

# Create your views here.

from django.core.files.base import ContentFile

def updateinfo(request):

    if request.method == 'POST':

        # img = request.FILES.get('photo')

        # user = request.FILES.get('photo').name

        new_img = models.mypicture(

            photo=request.FILES.get('photo'),  # 拿到图片

            user=request.FILES.get('photo').name # 拿到图片的名字

        )

        new_img.save()  # 保存图片

        return HttpResponse('上传成功！')  

    return render(request, 'aaa.html')

注意：好像要装个扩展工具，好像叫“Pillow”

pip install Pillow

运行！

             

OK~！ 代码很简单，我是成功了，就是个这样子！

简单的Django实现图片上传，并存储进MySQL数据库 案例——小白的更多相关文章

  1. ASP.NET Core 简单实现七牛图片上传（FormData 和 Base64）

    ASP.NET Core 简单实现七牛图片上传(FormData 和 Base64) 七牛图片上传 SDK(.NET 版本):https://developer.qiniu.com/kodo/sdk/ ...

  2. Django实现图片上传并前端页面显示

    Django实现图片上传和图片显示 开始之前我们先确认环境中已经安装了Pillow,如果没有安装,可以通过pip install Pillow来安装,这个是python的图像处理库 数据库设置 我们创 ...

  3. 一个简单的安卓+Servlet图片上传例子

    例子比较 简单,服务端为Java Web Servlet,doPost方法中接收图片并保存,然后将保存的图片名返回给客户端,关键代码: @SuppressWarnings("deprecat ...

  4. Django配置图片上传

    本文首先实现django中上传图片的过程,然后解决富文本编辑器文件上传的问题. 一. 上传图片 1.在 settings.py 中配置MEDIA_URL  和 MEDIA_ROOT 在 D:\blog ...

  5. django实现图片上传后自动修改尺寸并保存修改后的图到数据库和本地文件系统

    图片上传首先要是设置settings.py文件(与静态文件设置类似) MEDIA_ROOT = os.path.join(BASE_DIR,'media')MEDIA_URL = '/media/' ...

  6. 简单的做一个图片上传预览（web前端）

    转载:点击查看原文 在做web项目很多的时候图片都是避免不了的,所以操作图片就成了一个相对比较棘手的问题,其实也不是说很麻烦,只是说上传然后直接预览的过程很恶心,今天简单的做一个处理. 效果预览: & ...

  7. Django xadmin图片上传与缩略图处理

    基本摘要 用python django开发时,个人选中Xadmin后台管理系统框架,因为它*内置功能丰富, 不仅提供了基本的CRUD功能,还内置了丰富的插件功能.包括数据导出.书签.图表.数据添加向导 ...

  8. Django 图片上传、存储与显示

    参考博客:http://www.cognize.me/2016/05/09/djangopic 开始之前要先安装python图像处理库:pip install --use-wheel Pillow 一 ...

  9. ___简单的MVC单个图片上传预览

    js: $("#btnImg").click(function () { $("#form0").ajaxSubmit({ url: "/Studen ...

随机推荐

  1. CVPR2018资源汇总

    CVPR 2018大会将于2018年6月18~22日于美国犹他州的盐湖城(Salt Lake City)举办. CVPR2018论文集下载:http://openaccess.thecvf.com/m ...

  2. HDU 6278 - Just h-index - [莫队算法+树状数组+二分][2018JSCPC江苏省赛C题]

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6278 Time Limit: 6000/3000 MS (Java/Others) Memory Li ...

  3. flume学习笔记

    #################################################################################################### ...

  4. js数据类型--对象&数组

    javascript最重要的数据类型是对象 对象定义 对象是键值对的集合,或字符串到值映射的集合 对象申明 对象是由花括号括起来的 var person={ name:"my name&qu ...

  5. JS模块化编程（二）

    背景 我们常在页面引用js遇到下面情况 <script src="1.js"></script> <script src="2.js&quo ...

  6. mongodb基础语法

    Mongodb与关系型数据库最大的区别就是无约束, 既无字段(外键等)约束, 也没有数据类型约束, 以json存储 安装 启动Mongodb(默认在c盘找 data/db/文件夹) 服务端: mong ...

  7. mysql 数据操作 多表查询 子查询 带IN关键字的子查询

    1 带IN关键字的子查询 #查询平均年龄在25岁以上的部门名关键点部门名 以查询员工表的dep_id的结果 当作另外一条sql语句查询条件使用 in (sql语句) mysql ; +-------- ...

  8. android studio常用控件

    1.Button设置不同的样式 <?xml version="1.0" encoding="utf-8"?> <selector xmlns: ...

  9. glide从入门到精通使用

    介绍 不论是开发Java还是你正在学习的Golang,都会遇到依赖管理问题.Java有牛逼轰轰的Maven和Gradle. Golang亦有godep.govendor.glide.gvt.gopac ...

  10. 前端js如何生成一个对象，并转化为json字符串

    https://www.cnblogs.com/May-day/p/6841958.html 一,直接上代码 <script src="../../Content/jquery-2.0 ...