Django實現(xiàn)圖片上傳功能步驟解析

第Django實現(xiàn)圖片上傳功能步驟解析

1.首先是html頁面的form表單的三大屬性，action是提交到哪，method是提交方式，enctype只要有圖片上傳就要加這個屬性

Django框架自帶csrf_token，所以需要在前端頁面也生成csrf_token字符串，來驗證真實客戶

formaction=/pic_upload/method=POSTenctype=multipart/form-data

{%csrf_token%}

inputtype=filename=file

inputtype=submitvalue=提交

/form

2.如下是上傳圖片的接口：

defpic_upload(request):

ifrequest.method==GET:

returnrender(request,helloapp/pic_upload.html,locals())

ifrequest.method==POST:

error=

fp=request.FILES.get(file)

#fp獲取到的上傳文件對象

iffp:

path=os.path.join(STATICFILES_DIRS[0],image/+)#上傳文件本地保存路徑，image是static文件夾下專門存放圖片的文件夾

##文件名

#yield=fp.chunks()#流式獲取文件內(nèi)容

#fp.read()#直接讀取文件內(nèi)容

iffp.multiple_chunks():#判斷上傳文件大于2.5MB的大文件

#為真

file_yield=fp.chunks()#迭代寫入文件

withopen(path,wb)asf:

forbufinfile_yield:#for情況執(zhí)行無誤才執(zhí)行else

f.write(buf)

else:

print(大文件上傳完畢)

else:

withopen(path,wb)asf:

f.write(fp.read())

print(小文件上傳完畢)

models.ImgPath.objects.create(path=(image/+))#image是static文件夾下專門存放圖片的文件夾

else:

error=文件上傳為空

returnrender(request,helloapp/pic_upload.html,locals())

returnredirect(helloapp/pic_index/)#重定向到首頁

3.做個圖片展示的頁面，對圖片展示對應(yīng)的接口傳過來的參數(shù)加以判斷

{%forimginimgs%}

imgsrc={%staticimg.path%}

{%empty%}

h1您沒有上傳任何圖片/h1

{%endfor%}

4.圖片展示的接口：

defpic_index(request):

imgs=models.ImgPath.objects.all()

returnrender(request,helloapp/pic_index.html,loc