用Django实现文件的上传下载,前后端不分离

我赵帅的飞起

已于 2022-05-06 19:13:01 修改

阅读量1.8k

点赞数 1

分类专栏： django 文章标签： django python upload 后端 html5

于 2021-01-04 16:04:07 首次发布

本文链接：https://blog.csdn.net/weixin_42257924/article/details/112181336

版权

django 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

用Django实现文件的上传下载,前后端不分离

在这里插入图片描述

首先需要在setting中加入下面两行代码,将media加入到BASE_DIR中

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

在你项目的urls中加入下面一行

url(r'^media/(?P<path>.*)$', serve, {'document_root': MEDIA_ROOT}, name='media'),
# 完整的urls
from django.conf.urls import url
from django.contrib import admin
from django.urls import path, include
from django.views.static import serve

from mytest01.settings import MEDIA_ROOT

urlpatterns = [
    path('admin/', admin.site.urls),
    path('api/',include("myapp01.urls")),
    url(r'^media/(?P<path>.*)$', serve, {'document_root': MEDIA_ROOT}, name='media'),
]

app下的urls

from django.urls import path
from myapp01 import views

urlpatterns = [
    path('upload/',views.UploadFile)
]

views代码

def UploadFile(request):
    data = {}
    if request.method == "POST":
        upload_file = request.FILES.get("uploadfile")
        file_name = os.path.splitext(upload_file.name)
        print(file_name)
        print(upload_file.name)
        print(upload_file.size)
        # FileSystemStorage类继承自Storage类，location是存储文件的绝对路径，默认值是
        # settings中的MEDIA_ROOT值，base_url默认值是settings中的MEDIA_URL值。
        fs = FileSystemStorage()
        filename = fs.save(upload_file.name, upload_file)
        data = {
            "file_data": "http://127.0.0.1:8001" + str(fs.url(filename))}
    return render(request, 'upload.html', context=data)

templates upload.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h2>Upload</h2>
    <form method="post" enctype = "multipart/form-data">
        <input type="file" name="uploadfile">
        <button type="submit">upload file</button>
    </form>
        <h1><a href="{{ file_data }}">download</a></h1>
</body>
</html>

文件上传前端写的很low,哈哈,大家凑合看

点击预览

在这里插入图片描述

选择文件,点击打开

在这里插入图片描述

点击upload file 按钮即可实现文件上传功能

在这里插入图片描述

上传的文件在media下,因为之前上传了一个文件,再次上传相同的文件,系统会自动给文件加上7位后缀,防止重名

在这里插入图片描述

文件下载,点击download,确定即可实现文件下载功能

在这里插入图片描述

我赵帅的飞起

关注

1
点赞
踩
22

收藏

觉得还不错? 一键收藏
12
评论
用Django实现文件的上传下载,前后端不分离

用Django实现文件的上传下载,前后端不分离首先需要在setting中加入下面两行代码,将media加入到BASE_DIR中MEDIA_URL = '/media/'MEDIA_ROOT = os.path.join(BASE_DIR, 'media')在你项目的urls中加入下面一行url(r'^media/(?P<path>.*)$', serve, {'document_root': MEDIA_ROOT}, name='media'),# 完整的urlsfrom dja
复制链接

扫一扫