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

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

来源：https://www.cnblogs.com/lutt/p/10640412.html