ldy731729142

Django实现文件上传

1. 配置setting文件

1.1. 在setting里面配置文件上传路径,在setting末尾添加

#指定上传文件的存储相对路径(读取文件)
MEDIA_URL = \'/media/\'
#上传文件存储路径(存储路径)
MEDIA_ROOT = os.path.join(BASE_DIR,\'media\')

1.2. 在项目根目录新建media文件夹
1.3. 配置TEMPLATES,添加如下内容

\'django.template.context_processors.media\'

添加完如下所示

TEMPLATES = [
    {
        \'BACKEND\': \'django.template.backends.django.DjangoTemplates\',
        \'DIRS\': [os.path.join(BASE_DIR, \'templates\')]
        ,
        \'APP_DIRS\': True,
        \'OPTIONS\': {
            \'context_processors\': [
                \'django.template.context_processors.debug\',
                \'django.template.context_processors.request\',
                \'django.contrib.auth.context_processors.auth\',
                \'django.contrib.messages.context_processors.messages\',
                \'django.template.context_processors.media\'
            ],
        },
    },
]

2. 配置父路由urls

2.1. 将父路由映射到子路由的路径

urlpatterns = [
    path(\'admin/\', admin.site.urls),
    path(\'student/\', include(\'stu.urls\'))
]

2.2. 配置通过数据加载加载图片

from django.views.static import serve
from .settings import MEDIA_ROOT, DEBUG

if DEBUG:
    urlpatterns += url(r\'^media/(?P<path>.*)/$\', serve, {\'document_root\': MEDIA_ROOT}),

3. 配置子路由urls

urlpatterns = [
    url(r\'^$\', views.index_view),
    url(r\'^upload/\', views.upload_view),
    url(r\'^showall/\', views.showall_view)
]

4. 构建模型数据库类models

class Student(models.Model):
    sno = models.AutoField(primary_key=True)
    sname = models.CharField(max_length=30)
    photo = models.ImageField(upload_to=\'imgs\')

    def __str__(self):
        return u\'Student:{}\'.format(self.sname)

5.视图逻辑处理views

from django.http import HttpResponse
from django.shortcuts import render

# Create your views here.
from stu.models import Student


def index_view(request):
    if request.method == \'GET\':
        return render(request, \'index.html\')
    else:
        return HttpResponse(\'页面有误!\')


def upload_view(request):
    uname=request.POST.get(\'uname\',\'\')
    photo=request.FILES.get(\'photo\',\'\')
    Student.objects.create(sname=uname,photo=photo)

    return HttpResponse(\'上传成功\')


def showall_view(request):
    student=Student.objects.all()

    return render(request,\'showall.html\',{\'student\':student})

6.前端页面

6.1. index.html

<form action="/student/upload/" method="post" enctype="multipart/form-data">
        {% csrf_token %}
        <p>
            <label for="ua">姓名:</label>
            <input type="text" name="uname" id="ua">
        </p>
        <p>
            <label for="ph">头像:</label>
            <input type="file" name="photo" id="ph">
        </p>
        <p>
            &emsp;&emsp;&emsp;&emsp;<input type="submit" value="注册">
        </p>
    </form>

6.2. showall.html

<table width="500px" border="1" cellspacing="0">
    <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>照片</th>
        <th>操作</th>
    </tr>
    {% for foo in student %}
    <tr>
        <td>{{ forloop.counter}}</td>
        <td>{{foo.sname}}</td>
        <td><img src="{{MEDIA_URL}}{{ foo.photo }}" style="width: 200px;"></img></td>
        <td>下载</td>
    </tr>
    {% endfor %}
</table>

Django文件下载

def download_view(request):
    photo = request.GET.get(\'photo\', \'\')
    filename = photo[photo.rindex(\'/\') + 1:]
    system_path = os.getcwd()
    print(photo)
    path = os.path.join(system_path, photo[1:].replace(\'/\', \'\\\'))
    print(path)
    with open(path, \'rb\') as fr:
        reponse = HttpResponse(fr.read())
        reponse[\'Content-Type\'] = \'image/png\'

        reponse[\'Content-Disposition\'] = \'attachment;filename=\' + filename

    return reponse

分类:

技术点:

相关文章: