Django實(shí)現(xiàn)圖片上傳功能步驟解析
1.首先是html頁(yè)面的form表單的三大屬性,action是提交到哪,method是提交方式,enctype只要有圖片上傳就要加這個(gè)屬性
Django框架自帶csrf_token ,所以需要在前端頁(yè)面也生成csrf_token字符串,來(lái)驗(yàn)證真實(shí)客戶
<form action="/pic_upload/" method="POST" enctype="multipart/form-data"> {% csrf_token %} <input type="file" name="file"> <input type="submit" value="提交"> </form>
2.如下是上傳圖片的接口:
def pic_upload(request): if request.method == "GET": return render(request,"helloapp/pic_upload.html",locals()) if request.method == "POST": error = "" fp = request.FILES.get("file") # fp 獲取到的上傳文件對(duì)象 if fp: path = os.path.join(STATICFILES_DIRS[0],'image/' + fp.name) # 上傳文件本地保存路徑, image是static文件夾下專門存放圖片的文件夾 # fp.name #文件名 #yield = fp.chunks() # 流式獲取文件內(nèi)容 # fp.read() # 直接讀取文件內(nèi)容 if fp.multiple_chunks(): # 判斷上傳文件大于2.5MB的大文件 # 為真 file_yield = fp.chunks() # 迭代寫入文件 with open(path,'wb') as f: for buf in file_yield: # for情況執(zhí)行無(wú)誤才執(zhí)行 else f.write(buf) else: print("大文件上傳完畢") else: with open(path,'wb') as f: f.write(fp.read()) print("小文件上傳完畢") models.ImgPath.objects.create(path=('image/' + fp.name)) # image是static文件夾下專門存放圖片的文件夾 else: error = "文件上傳為空" return render(request,"helloapp/pic_upload.html",locals()) return redirect("helloapp/pic_index/") # 重定向到首頁(yè)
3.做個(gè)圖片展示的頁(yè)面,對(duì)圖片展示對(duì)應(yīng)的接口傳過(guò)來(lái)的參數(shù)加以判斷
{% for img in imgs %} <img src="{% static img.path %}"> {% empty %} <h1>您沒(méi)有上傳任何圖片</h1> {% endfor %}
4.圖片展示的接口:
def pic_index(request): imgs = models.ImgPath.objects.all() return render(request,'helloapp/pic_index.html',locals())
至此,Django中一個(gè)簡(jiǎn)單的圖片上傳到展示就做好了
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Django 實(shí)現(xiàn)圖片上傳和下載功能
- 在django中圖片上傳的格式校驗(yàn)及大小方法
- django mysql數(shù)據(jù)庫(kù)及圖片上傳接口詳解
- Django 實(shí)現(xiàn)圖片上傳和顯示過(guò)程詳解
- Django框架文件上傳與自定義圖片上傳路徑、上傳文件名操作分析
- django將圖片上傳數(shù)據(jù)庫(kù)后在前端顯式的方法
- Django后臺(tái)獲取前端post上傳的文件方法
- 利用django如何解析用戶上傳的excel文件
- Python+django實(shí)現(xiàn)文件上傳
- django實(shí)現(xiàn)圖片上傳數(shù)據(jù)庫(kù)并顯示
相關(guān)文章
python實(shí)現(xiàn)回旋矩陣方式(旋轉(zhuǎn)矩陣)
今天小編就為大家分享一篇python實(shí)現(xiàn)回旋矩陣方式(旋轉(zhuǎn)矩陣),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-12-12Python?Requests使用Cookie的幾種方式詳解
這篇文章主要給大家介紹了關(guān)于Python?Requests使用Cookie的幾種方式,Python中的requests庫(kù)可以使用cookie來(lái)維持會(huì)話狀態(tài),實(shí)現(xiàn)登錄等操作,需要的朋友可以參考下2023-07-07精心整理總結(jié)的Python自動(dòng)化測(cè)試面試題
簡(jiǎn)單來(lái)說(shuō),自動(dòng)化測(cè)試框架包含了所有的測(cè)試工作所需的測(cè)試框架,下面這篇文章主要給大家介紹了關(guān)于Python自動(dòng)化測(cè)試面試題的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02Python數(shù)據(jù)分析之繪制m1-m2數(shù)據(jù)
這篇文章主要介紹了Python數(shù)據(jù)分析之繪制m1-m2數(shù)據(jù),文章基于python的相關(guān)資料展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-05-05利用Python對(duì)文件夾下圖片數(shù)據(jù)進(jìn)行批量改名的代碼實(shí)例
今天小編就為大家分享一篇關(guān)于利用Python對(duì)文件夾下圖片數(shù)據(jù)進(jìn)行批量改名的代碼實(shí)例,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧2019-02-02