准备工作

python：3.6.8

django：2.2.1

新建django项目

确定项目名称、使用的虚拟环境【当然这个也可以后期修改】、app的名称

创建成功，选择在新的窗口中打开

图片上传

修改配置文件DjangoFileUpload/settings.py

MEDIA_URL = '/media/'

MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace('\\', '/')    #media即为图片上传的根路径

添加表模型FileUpload/models.py

from django.db import models

class Img(models.Model):

    img_url = models.ImageField(upload_to='photos/',blank=True,null=True) #指定图片上传路径，即media/photos/

数据迁移

python manage.py makemigrations
python manage.py migrate
(django_shop) ------------------------------------------------------------

~/Desktop/DjangoFileUpload » python manage.py makemigrations                                                                                      mosson@bogon

Migrations for 'fileUpload':

  fileUpload/migrations/0001_initial.py

    - Create model Img

(django_shop) ------------------------------------------------------------

~/Desktop/DjangoFileUpload » python manage.py migrate                                                                                             mosson@bogon

Operations to perform:

  Apply all migrations: admin, auth, contenttypes, fileUpload, sessions

Running migrations:

  Applying contenttypes.0001_initial... OK

  Applying auth.0001_initial... OK

  Applying admin.0001_initial... OK

  Applying admin.0002_logentry_remove_auto_add... OK

  Applying admin.0003_logentry_add_action_flag_choices... OK

  Applying contenttypes.0002_remove_content_type_name... OK

  Applying auth.0002_alter_permission_name_max_length... OK

  Applying auth.0003_alter_user_email_max_length... OK

  Applying auth.0004_alter_user_username_opts... OK

  Applying auth.0005_alter_user_last_login_null... OK

  Applying auth.0006_require_contenttypes_0002... OK

  Applying auth.0007_alter_validators_add_error_messages... OK

  Applying auth.0008_alter_user_username_max_length... OK

  Applying auth.0009_alter_user_last_name_max_length... OK

  Applying auth.0010_alter_group_name_max_length... OK

  Applying auth.0011_update_proxy_permissions... OK

  Applying fileUpload.0001_initial... OK

  Applying sessions.0001_initial... OK

(django_shop) ------------------------------------------------------------

~/Desktop/DjangoFileUpload »

增加图片上传的路由 DjangoFileUpload/urls.py

from django.contrib import admin

from django.urls import path

from fileUpload import views

urlpatterns = [

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

    path(r'uploadImg/',views.uploadImg,name='uploadImg'),

]

增加图片上传的视图 views.py

from .models import Img

#图片上传

def uploadImg(request):

    if request.method == 'POST':

        img = Img(img_url=request.FILES.get('img'))

        img.save()

    return render(request, 'imgUpload.html')

新增页面templates/imgUpload.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>图片上传</title>

</head>

<body>

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

        {% csrf_token %}

        <input type="file" name="img">

        <input type="submit" value="上传">

    </form>

</body>

</html>

项目启动

(django_shop) ------------------------------------------------------------

~/Desktop/DjangoFileUpload » python manage.py runserver 0.0.0.0:8008                                                                              mosson@bogon

Watching for file changes with StatReloader

Performing system checks...

System check identified no issues (0 silenced).

June 20, 2019 - 07:58:37

Django version 2.2.1, using settings 'DjangoFileUpload.settings'

Starting development server at http://0.0.0.0:8008/

Quit the server with CONTROL-C.

访问页面上传图片

到这里已经完成了。

===============================分割线  多图上传===============================

1 修改imgUpload.html

把<input type="file" name="img">

改成<input type="file" name="img" multiple="">，就这一处而已，其他都不动

2 views.py

from DjangoFileUpload.settings import BASE_DIR
def uploadImg(request):

    files = request.FILES.getlist('img')

    for f in files:

        destination = open(BASE_DIR + '/media/photos/' + f.name,'wb+')		#上传的文件都放到/media/photos/文件夹里

        for chunk in f.chunks():

            destination.write(chunk)

            destination.close()

    return render(request, 'imgUpload.html')　　

OK 多图上传已经完成　　

=======================码字不易，多多支持===================================

Django文件上传【单个/多个图片上传】的更多相关文章

  1. django之创建第10-1个项目-图片上传并记录上传时间

    1.百度云盘:django之创建第10-1个项目-图片上传并记录上传时间 2.主要修改的配置文件有3个,forms.views和models3个文件以及html 3.forms.py文件修改 #cod ...

  2. django之创建第10个项目-图片上传方式1

    1.upload.HTMl <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang=& ...

  3. django admin后台接入tinymce并且支持图片上传

    首先:下载tinymce 地址是https://www.tinymce.com/ 点击download 下载社区版本即可 接着:把压缩包内tinymce目录内的所有文件和文件夹复制到Django项目中 ...

  4. .net core 基于multipart/form-data的文件上传，这里以图片上传为例

    首先传递的数据格式大概如下: 然后就可以在后端获取数据了:直接上代码了哈: [HttpPost]        ///分别获取 data数据和调用图片上传方法 public async Task< ...

  5. [py][mx]django添加后台课程机构页数据-图片上传设置

    分析下课程页前台部分 机构类别-目前机构库中没有这个字段,需要追加下 所在地区 xadmin可以手动添加 课程机构 涉及到机构封面图, 即图片上传media设置, 也需要在xadmin里手动添加几条 ...

  6. [上传下载] C# ImageUpload图片上传类教程与源码下载 （转载）

    点击下载 ImageUpload.zip 功能如下图片1.设置属性后上传图片,用法如下 /// <summary> /// 图片上传类 /// </summary> //--- ...

  7. megapix-image插件 使用Canvas压缩图片上传 解决手机端图片上传功能的问题

    最近在弄微信端的公众号.订阅号的相关功能,发现原本网页上用的uploadify图片上传功能到手机端有的手机类型上就不能用了,比如iphone,至于为啥我想应该不用多说了吧(uploadify使用fla ...

  8. ueditor 编辑器上传到服务器后图片上传不能正常使用

    网站集成ueditor编辑器后在本地能正常使用,上传到服务器上后,图片上传功能提示:后端配置项没有正常加载,上传插件不能正常使用.且单个图片上传图标是灰色的不能点击. 相信遇到这个问题的同学是很多的吧 ...

  9. ckeditor富文本编辑器的使用和图片上传，复制粘贴图片上传

    自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了.一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器) ...

随机推荐

  1. 微服务通过feign.RequestInterceptor传递参数

    Feign 支持请求拦截器,在发送请求前,可以对发送的模板进行操作,例如设置请求头等属性,自定请求拦截器需要实现 feign.RequestInterceptor 接口,该接口的方法 apply 有参 ...

  2. sql server 查看连接详情

    SELECT * FROM [Master].[dbo].[SYSPROCESSES] WHERE [DBID] IN ( SELECT [DBID] FROM [Master].[dbo].[SYS ...

  3. Java生鲜电商平台-源码地址公布与思考和建议

    Java生鲜电商平台-源码地址公布与思考和建议 说明:今天是承诺给大家的最后一天,我公布了github地址(QQ群里面有).诚然这个是我的计划中的事情,但是有以下几点思考请大家共勉: 1. 你下了那么 ...

  4. Python基础23（习惯）

    自己写的大段代码,注释分为两种: 一种 # 顶格写,为后注释," Ctrl+/ " 一种为边写边注释

  5. JVM底层原理及调优之笔记一

    JVM底层原理及调优 1.java虚拟机内存模型(JVM内存模型) 1.堆(-Xms -Xmx -Xmn) java堆,也称为GC堆,是JVM中所管理的内存中最大的一块内存区域,是线程共享的,在JVM ...

  6. 深入浅出《设计模式》之简单工厂模式（C++）

    前言 模式介绍 简单工厂模式其实并不属于GoF23(23种设计模式),更类似工厂模式的一种变型.其定义是可以根据参数的不同返回不同类的实例.简单工厂模式专门定义一个类来负责创建其他类的实例,被创建的实 ...

  7. 5.如何基于 dubbo 进行服务治理、服务降级、失败重试以及超时重试？

    作者:中华石杉 面试题 如何基于 dubbo 进行服务治理.服务降级.失败重试以及超时重试? 面试官心理分析 服务治理,这个问题如果问你,其实就是看看你有没有服务治理的思想,因为这个是做过复杂微服务的 ...

  8. win10无法在桌面右键快捷打开个性化设置、显示设置，在任务栏右键无法快捷打开任务栏设置

    Win+R,输入regedit,定位到HKEY_CURRENT_USER\Software\Classes\ 找到列表中的ms-settings 将其删除即可解决! 转自百度知道

  9. mysql数据库之忘记root密码

    1.  vi /etc/my.cnf,在[mysqld]中添加 skip-grant-tables 例如: [mysqld] skip-grant-tables datadir=/var/lib/my ...

  10. 网关地址和网关IP是什么，他们有什么关系？

    2019-12-19  新用户541...  转自 小糊涂大神 修改   通常情况下,一台终端上网必须设置IP地址.子网掩码.网关IP地址,终端IP地址与网关IP属于同一个网段,网关IP是终端访问外网 ...