django ajax传文件并保存至数据库

最新推荐文章于 2024-09-13 14:44:43 发布

ACG老司机

最新推荐文章于 2024-09-13 14:44:43 发布

阅读量1.1k

点赞数

分类专栏： easyui django

本文链接：https://blog.youkuaiyun.com/qq_33720460/article/details/99675257

版权

django 同时被 2 个专栏收录

6 篇文章

订阅专栏

easyui

2 篇文章

订阅专栏

这篇博客详细介绍了如何在Django项目中利用Ajax实现文件上传，并将其保存至数据库。首先，文章讨论了Model中FileField的用法，接着讲述了如何结合easyui的filebox组件创建上传表单。此外，还探讨了Django的csrf保护机制以及在Ajax请求中设置processData和contentType的重要性。最后，重点讲解了后台处理文件上传的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Model

class Order(models.Model):
    drawing = models.FileField(null=False, upload_to='drawing/%Y/%m/%d')

FileField官方文档

表单

<form>
   <input type="file" id="a">
</form>
<script>
   let files = $('#a').filebox('files');
   let fd = new FormData();
   fd.append('order_id',{{order_id}})
   fd.append('file', files[0]);
   fd.append('csrfmiddlewaretoken', '{{ csrf_token }}');// post 提交的时候 django 会启动 csrf 验证
   $.ajax({
       url: '{% url 'order_detail' %}',
       type: 'post',
       data: fd,
       processData: false,  // 告诉jQuery不要去处理发送的数据
       contentType: false,   // 告诉jQuery不要去设置Content-Type请求头
       success: function () {
           alert('ok')
       }
   })
</script>

引用easyui的filebox组件
django的csrf官方文档
关于processData和contentType的ajax的官方文档

后台处理

from django.core.files import File
from django.http import JsonResponse

def order_detail(request):
   drawing = request.FILES.get('file')
   order_id = request.POST['order_id']
   if drawing:
   	Order.objects.get(pk=order_id).drawing.save(name=drawing.name,content=File(drawing))
   	return JsonResponse({})