Django实现图片上传功能步骤解析_django上传图片资源-CSDN文库

167 浏览量 2020-12-20 10:53:02 上传评论收藏 42KB PDF 举报

资源推荐

资源详情

资源评论

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="{%%20static%20img.path%20%}">

{% empty %}

<h1>您没有上传任何图片</h1>

{% endfor %}

4.图片展示的接口：

def pic_index(request):

imgs = models.ImgPath.objects.all()

return render(request,'helloapp/pic_index.html',locals())

至此，Django中一个简单的图片上传到展示就做好了

您可能感兴趣的文章您可能感兴趣的文章:在django中图片上传的格式校验及大小方法Django 使用easy_thumbnails压缩上传的图片方法Django 实

现图片上传和显示过程详解Django框架文件上传与自定义图片上传路径、上传文件名操作分析django将图片上传数据库后在

前端显式的方法Django1.9 加载通过ImageField上传的图片方法django上传图片并生成缩略图方法示例

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

内容反馈

weixin_38715831

粉丝: 4
资源: 991

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip