Django實現(xiàn)圖片上傳功能步驟解析
1.首先是html頁面的form表單的三大屬性,action是提交到哪,method是提交方式,enctype只要有圖片上傳就要加這個屬性
Django框架自帶csrf_token ,所以需要在前端頁面也生成csrf_token字符串,來驗證真實客戶
<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 獲取到的上傳文件對象
if fp:
path = os.path.join(STATICFILES_DIRS[0],'image/' + fp.name) # 上傳文件本地保存路徑, image是static文件夾下專門存放圖片的文件夾
# fp.name #文件名
#yield = fp.chunks() # 流式獲取文件內容
# fp.read() # 直接讀取文件內容
if fp.multiple_chunks(): # 判斷上傳文件大于2.5MB的大文件
# 為真
file_yield = fp.chunks() # 迭代寫入文件
with open(path,'wb') as f:
for buf in file_yield: # for情況執(zhí)行無誤才執(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/") # 重定向到首頁
3.做個圖片展示的頁面,對圖片展示對應的接口傳過來的參數(shù)加以判斷
{% for img in imgs %}
<img src="{% static img.path %}">
{% empty %}
<h1>您沒有上傳任何圖片</h1>
{% endfor %}
4.圖片展示的接口:
def pic_index(request): imgs = models.ImgPath.objects.all() return render(request,'helloapp/pic_index.html',locals())
至此,Django中一個簡單的圖片上傳到展示就做好了
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
Django與數(shù)據(jù)庫交互的實現(xiàn)
最近在學習Django,本文主要介紹了Django與數(shù)據(jù)庫交互的實現(xiàn),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-06-06
Python列表常見操作詳解(獲取,增加,刪除,修改,排序等)
這篇文章主要介紹了Python列表常見操作,結合實例形式總結分析了Python列表常見的獲取、增加、刪除、修改、排序、計算等相關操作技巧,需要的朋友可以參考下2019-02-02
conda創(chuàng)建pytorch環(huán)境報錯
這篇文章主要介紹了conda創(chuàng)建pytorch環(huán)境報錯,幫助大家更好的理解和學習使用python,感興趣的朋友可以了解下2021-04-04
解決pycharm下os.system執(zhí)行命令返回有中文亂碼的問題
今天小編就為大家分享一篇解決pycharm下os.system執(zhí)行命令返回有中文亂碼的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-07-07

