如何在Django中通过POST表单获取BinaryField数据？

你遇到的核心问题是文件上传的HTTP协议规则和Django的请求处理逻辑没匹配上，咱们一步步来解决：

为什么之前的方法无效？ #

• 文件上传的数据不会出现在request.POST里，Django把文件数据单独放在request.FILES对象中；
• 你的HTML表单缺少关键的enctype="multipart/form-data"属性，默认的表单编码格式无法传输文件；
• base64.b64encode的用法完全错误，它需要传入字节数据，而不是字段名字符串，而且BinaryField直接存字节即可，不需要base64编码。

完整解决方案 #

第一步：修正HTML表单 #

必须给表单加上enctype="multipart/form-data"，同时确保文件输入有name属性（Django靠name识别字段）：

<form method="POST" enctype="multipart/form-data" id="uploadForm">
  {% csrf_token %} <!-- Django必须的CSRF令牌，防止跨站请求伪造 -->
  <input type="file" id="toolicon" name="toolicon" accept="image/*" data-type='image'>
  <button id="OpenImgUpload" style="margin-left: 100px">选择图片</button>
  <button type="submit">上传保存</button>
</form>

第二步：Django视图处理逻辑 #

在视图中从request.FILES获取文件对象，读取字节后存入BinaryField：

from django.shortcuts import render, redirect
from .models import YourModel  # 替换成你的实际模型类

def upload_icon(request):
    if request.method == 'POST':
        # 从FILES中获取上传的文件
        icon_file = request.FILES.get('toolicon')
        if icon_file:
            # 读取文件的字节内容
            icon_bytes = icon_file.read()
            # 创建并保存模型实例
            new_instance = YourModel(icon=icon_bytes)
            new_instance.save()
            return redirect('success_url')  # 替换成你的成功跳转页面
    return render(request, 'your_template.html')  # 替换成你的模板路径

可选：用AJAX异步上传（保持jQuery交互） #

如果不想刷新页面，用AJAX提交的话，修改jQuery代码如下：

// 触发文件选择的逻辑不变
$('#OpenImgUpload').click(function(){ 
    $('#toolicon').trigger('click'); 
});

// 监听表单提交，用AJAX处理
$('#uploadForm').submit(function(e){
    e.preventDefault(); // 阻止默认的页面刷新提交
    
    // 创建FormData对象，自动包含表单中的所有数据（包括文件）
    const formData = new FormData(this);
    
    $.ajax({
        url: $(this).attr('action'), // 表单的action属性，或者直接写你的视图URL
        type: 'POST',
        data: formData,
        // 这两个参数必须设置，否则jQuery会错误处理文件数据
        processData: false,
        contentType: false,
        // 传递CSRF令牌
        headers: {
            'X-CSRFToken': $('input[name="csrfmiddlewaretoken"]').val()
        },
        success: function(res) {
            console.log('图片上传保存成功！');
            // 这里可以加成功后的UI反馈，比如显示上传的图片
        },
        error: function(xhr, err) {
            console.error('上传失败:', err);
        }
    });
});

关键注意点 #

1. 表单的enctype属性是文件上传的核心，没有它浏览器不会把文件数据发送给服务器；
2. 始终通过request.FILES获取上传的文件，request.POST只处理普通文本字段；
3. BinaryField存储的是原始字节，直接用file.read()读取的内容就能存入，不需要额外编码；
4. 不要忘记Django的CSRF令牌，不管是同步还是异步提交都必须携带，否则会返回403错误。

内容的提问来源于stack exchange，提问作者Samudranil Roy