主頁 > 知識庫 > django將圖片保存到mysql數(shù)據庫并展示在前端頁面的實現(xiàn)

django將圖片保存到mysql數(shù)據庫并展示在前端頁面的實現(xiàn)

熱門標簽:幫人做地圖標注收費算詐騙嗎 外呼不封號系統(tǒng) 電信營業(yè)廳400電話申請 悟空智電銷機器人6 遼寧400電話辦理多少錢 江蘇房產電銷機器人廠家 蘇州電銷機器人十大排行榜 溫州旅游地圖標注 荊州云電銷機器人供應商

小編使用python中的django框架來完成!

1,首先用pycharm創(chuàng)建django項目并配置相關環(huán)境

這里小編默認項目都會創(chuàng)建

settings.py中要修改的兩處配置

DATABASES = {
    'default': {
        # 'ENGINE': 'django.db.backends.sqlite3',
        # 'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),

        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'photos',
        'HOST': '127.0.0.1',
        'PORT': '3306',
        'USER': 'root',
        'PASSWORD': '201314',

    }
}


STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]

2,創(chuàng)建表

①先按鍵盤上win+s鍵,然后輸入cmd,中文輸入法兩下回車,英文輸入法一下回車,即可進入dos窗口。

②輸入 mysql -uroot -p密碼 回車進入mysql數(shù)據庫,再輸入 create database 庫名; 一個小回車,創(chuàng)建數(shù)據庫🆗


③在app下的models.py中創(chuàng)建表結構

models.py

from django.db import models

# Create your models here.


class Images(models.Model):
    img = models.ImageField(upload_to='static/pictures/')  # upload_to='static/pictures/'是指定圖片存儲的文件夾名稱,上傳文件之后會自動創(chuàng)建
    img_name = models.CharField(max_length=32)
    create_time = models.DateTimeField(auto_now_add=True)

④遷移數(shù)據庫

分別按順序在pycharm下面的Terminal中執(zhí)行下面兩條語句

python manage.py makemigrations

python manage.py migrate

3,上傳圖片功能

urls.py

from django.conf.urls import url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r'^admin/$', admin.site.urls),
    url(r'^upload/$', views.upload, name='upload'),
]

views.py

from django.shortcuts import render, redirect
from app01 import models
# Create your views here.

def upload(request):
    error = ''
    if request.method == 'POST':
        img = request.FILES.get('img')
        pic_name = img.name
        if pic_name.split('.')[-1] == 'mp4':
            error = '暫不支持上傳此格式圖片?。?!'
        else:
            models.Images.objects.create(img_name=pic_name, img=img)
            return redirect('show')
    return render(request, 'upload.html', locals())

前端上傳頁面upload.html

!DOCTYPE html>
html lang="en">
head>
    meta charset="UTF-8">
    title>上傳照片/title>
/head>
body>
div style="height: 160px">
    form action="" method="post" enctype="multipart/form-data">
        {% csrf_token %}
        h1>上傳圖片頁面/h1>
        table cellpadding="5px">
            tr>
                td>上傳圖片/td>
                td>input type="file" name="img">/td>
            /tr>
            tr>
                td>
                    button>上傳/button>
                /td>
                td>strong style="color: red">{{ error }}/strong>/td>
            /tr>
        /table>
    /form>
/div>
div style="text-align: center;color: #2b542c;font-size: 20px;">
    a href=" {% url 'show' %} " rel="external nofollow" >返回/a>
/div>
/body>
/html>

4,展示圖片功能

urls.py

"""
from django.conf.urls import url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r'^admin/$', admin.site.urls),

    url(r'^upload/$', views.upload, name='upload'),
    url(r'^show/$', views.show, name='show'),

]

views.py

from django.shortcuts import render, redirect
from app01 import models


# Create your views here.


def upload(request):
    error = ''
    if request.method == 'POST':
        img = request.FILES.get('img')
        pic_name = img.name
        if pic_name.split('.')[-1] == 'mp4':
            error = '暫不支持上傳此格式圖片?。。?
        else:
            models.Images.objects.create(img_name=pic_name, img=img)
            return redirect('show')
    return render(request, 'upload.html', locals())


def show(request):
    all_images = models.Images.objects.all()
    # for i in all_images:
    #     print(i.img)
    return render(request, 'show.html', locals())

前端展示show.html

!DOCTYPE html>
html lang="en">
head>
    meta charset="UTF-8">
    title>展示照片/title>
/head>
body>
{% for image in all_images %}
    img src="/{{ image.img }}" style="width: 240px;height: 240px;">
{% endfor %}
br/>
p style="text-align: center;color: #2b542c;font-size: 20px;">
    a href="{% url 'upload' %}" rel="external nofollow"  rel="external nofollow" >返回/a>
/p>
/body>
/html>

5,刪除圖片功能

urls.py

from django.conf.urls import url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r'^admin/$', admin.site.urls),

    url(r'^upload/$', views.upload, name='upload'),
    url(r'^show/$', views.show, name='show'),
    url(r'^delete/$', views.delete, name='delete'),

]

views.py

from django.shortcuts import render, redirect
from app01 import models


# Create your views here.


def upload(request):
    error = ''
    if request.method == 'POST':
        img = request.FILES.get('img')
        pic_name = img.name
        if pic_name.split('.')[-1] == 'mp4':
            error = '暫不支持上傳此格式圖片?。。?
        else:
            models.Images.objects.create(img_name=pic_name, img=img)
            return redirect('show')
    return render(request, 'upload.html', locals())


def show(request):
    all_images = models.Images.objects.all()
    # for i in all_images:
    #     print(i.img)
    return render(request, 'show.html', locals())


def delete(request):
    pk = request.GET.get('pk')
    models.Images.objects.filter(id=pk).delete()
    return redirect('show')

show.html

!DOCTYPE html>
html lang="en">
head>
    meta charset="UTF-8">
    title>展示照片/title>
/head>
body>
{% for image in all_images %}
    img src="/{{ image.img }}" style="width: 240px;height: 240px;">
    a href="/delete/?pk={{ image.id }}" rel="external nofollow" >刪除/a>
{% endfor %}
br/>
p style="text-align: center;color: #2b542c;font-size: 20px;">
    a href="{% url 'upload' %}" rel="external nofollow"  rel="external nofollow" >返回/a>
/p>
/body>
/html>

6,整體演示一遍


因為時間緊,故以最low方式簡要實現(xiàn),并沒有加上漂亮的頁面和樣式,喜歡美的看客朋友可自行去Bootstrap官網或jq22自行添加!?。?/p>

到此這篇關于django將圖片保存到mysql數(shù)據庫并展示在前端頁面的實現(xiàn)的文章就介紹到這了,更多相關django 圖片保存到mysql內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

您可能感興趣的文章:
  • mysql創(chuàng)建表添加字段注釋的實現(xiàn)方法
  • MySQL之存儲過程按月創(chuàng)建表的方法步驟
  • mysql創(chuàng)建表的sql語句詳細總結
  • Hibernate4在MySQL5.1以上版本創(chuàng)建表出錯 type=InnDB
  • 詳解在MySQL中創(chuàng)建表的教程
  • MySQL動態(tài)創(chuàng)建表,數(shù)據分表的存儲過程
  • MYSQL建立外鍵失敗幾種情況記錄Can''t create table不能創(chuàng)建表
  • IDEA連接mysql數(shù)據庫報錯的解決方法
  • golang實現(xiàn)mysql數(shù)據庫事務的提交與回滾
  • MySQL安裝后默認自帶數(shù)據庫的作用詳解
  • python3 實現(xiàn)mysql數(shù)據庫連接池的示例代碼
  • mysql數(shù)據庫入門第一步之創(chuàng)建表

標簽:欽州 三沙 景德鎮(zhèn) 喀什 宿遷 臺灣 黃山 濟南

巨人網絡通訊聲明:本文標題《django將圖片保存到mysql數(shù)據庫并展示在前端頁面的實現(xiàn)》,本文關鍵詞  django,將,圖片,保存,到,mysql,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《django將圖片保存到mysql數(shù)據庫并展示在前端頁面的實現(xiàn)》相關的同類信息!
  • 本頁收集關于django將圖片保存到mysql數(shù)據庫并展示在前端頁面的實現(xiàn)的相關信息資訊供網民參考!
  • 推薦文章