目标：通过网页上传一张图片到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. 如何写好PPT

    怎样写好ppt? 阿里巴巴矢量图标库 优品PPT SmartArt PPT美化大师

  2. stat命令的实现-mysate

    任务详情 学习使用stat(1),并用C语言实现 提交学习stat(1)的截图 man -k,grep -r的使用 伪代码 产品代码mystate.c,提交码云链接 测试代码,mysate与stat( ...

  3. Spacy 使用

    # 前提是必须安装: python -m spacy download ennlp = spacy.load('en')text = u"you are best. it is lemmat ...

  4. win7操作系统说明

    · 能够使用windows7操作系统成为了许多电脑用户的一大喜悦之事,相比之前的Vista系统,windows7系统真的是好看了,快了,好用了,但你是否担心自己的windows7系统就像新安装其他Wi ...

  5. css实现简单几何图形

    前言:你知道吗?用代码就可以做出三角形.圆形.扇形等等这些几何图形呦.快过来一探究竟吧! 页面上一些简单的图形,如三角形.圆形等等,除了用图片来实现,我们还可以用css的border属性来实现,不仅减 ...

  6. Autoloading Classes

    php.net Many developers writing object-oriented applications create one PHP source file per class de ...

  7. CentOS7 firewall防火墙配置笔记

    开启端口 # firewall-cmd --zone=public --add-port=/tcp --permanent 命令含义:         --zone #作用域         --ad ...

  8. 在mysql Navicat中怎样设置ID自动递增

    1.打开设计表 2.在添加或变更表结构时,把id字段设置为整型,下面的选项就会出现auto increment的选择框,勾选中就可以了.

  9. LoadRunner中获取当前系统时间方法

    LoadRunner中获取当前系统时间方法 发表于:2017-6-02 11:41  作者:人生_0809   来源:51Testing软件测试网采编 字体:大 中 小 | 上一篇 | 下一篇 | 打 ...

  10. 为帝国cms模板添加站内搜索小教程

    由于客户的需要,最近都在整帝国cms,很多东西还是不熟悉,特别是帝国cms模板,以前用的那些网站模板一般是保存在ftp文件中,而帝国cms模板是直接保存在数据库中,修改是在网站后台的模板管理,得慢慢适 ...