Django實現文件上傳、下載

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