目标：通过网页上传一张图片到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. URL长度过长的问题

    最近项目中很多跨域的问题,有时候跨域要传递很多参数,甚至有时候要传递整个对象,处理的方法是把对象转换成JSON形式的字符串再传递.此时该JSON字符串就比较长,作为参数附加到URL后面,URL就会变得 ...

  2. POJ1797 Heavy Transpotation

    Background  Hugo Heavy is happy. After the breakdown of the Cargolifter project he can now expand bu ...

  3. ubuntu16.04配置tensorflow-gpu环境

    1.安装驱动 参考: 史上最全的ubuntu16.04安装nvidia驱动+cuda9.0+cuDnn7.0 https://blog.csdn.net/qq_31215157/article/det ...

  4. Pandas的append方法

    相当于添加一行记录,这个方法也是比较管用的: # 测试pandas.append方法 def use_pd_append(): df = pd.DataFrame([[1, 2], [3, 4]], ...

  5. tkinter 提示符

    在python3.4中,原来的tkMessageBox变成tkinter.messagebox,使用方式如下: import tkinter.messagebox tkinter.messagebox ...

  6. js 基础 函数传值

    让我忽略的函数传值问题 function box(num){ num += 10;  // num(有色的num) 实际就是arguments[0] ,如果参数没有num,则函数体的num(有色的nu ...

  7. vue.js个人学习心得

    2017.4.7开始辞职刚好一个月时间,一个月时间里我开始彷徨,迷惘,失业带来的痛苦,打算转行,不再搞机械行业,因为不想再做低端的产品设计(本身不是研究生也不是说天资卓越,只是不甘于平凡). 好了,不 ...

  8. 如果要写php扩展啥的， 要看什么？

    1.写PHP扩展并不难 有一定C语言基础即可.切记一定要在Linux平台下开发,不要用Windows 这里有一篇博文,可以看下http://rango.swoole.com/archives/152 ...

  9. 14 jmeter性能测试实战--数据库MySQL

    需求 测试用户表(对用户表select操作) 测试步骤 1.MySQL驱动下载并安装. 2.测试计划面板点击“浏览”按钮,将JDBC驱动(mysql-connector-java.jar)添加进来. ...

  10. [django实践]投票app

    code: https://github.com/lannyMa/toupiao polls app介绍 这个例子来源于django官网,恰好2.x版本有中文版. https://docs.djang ...