Django实现图片上传功能步骤解析

时间:2021-05-22

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情况执行无误才执行 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.做个图片展示的页面,对图片展示对应的接口传过来的参数加以判断

{% 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中一个简单的图片上传到展示就做好了

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章