基于Django Views/URLs的文件上传实现：Electron跨端交互需求咨询

嘿，我懂你的需求——不想引入厚重的DRF，只想用简单的URL交互来完成和Electron桌面应用的文件收发，现在卡在直接通过URL传文件路径这步了对吧？其实你之前的思路有个核心问题：客户端本地的file_path服务器根本访问不到，所以直接传路径肯定行不通。给你几个轻量、适配需求的实现方案：

方案1：用GET请求传递Base64编码的文件（适合小文件） #

如果你的文件体积不大（比如几MB以内），可以把文件转成Base64编码后放在URL的查询参数里，服务器解码后再保存。这种方式完全不用表单，纯GET请求就能搞定。

修改后的Django代码： #

urls.py

path('api/send-message/<int:sender_id>/<int:receiver_id>', api.send_message),

views.py

import base64
from django.core.files.base import ContentFile
from django.http import HttpResponseBadRequest, HttpResponse, HttpResponseMethodNotAllowed

def send_message(request, sender_id, receiver_id):
    if request.method == 'GET':
        # 从查询参数获取Base64数据和文件名
        file_base64 = request.GET.get('file_base64')
        filename = request.GET.get('filename')
        
        if not file_base64 or not filename:
            return HttpResponseBadRequest("缺少文件数据或文件名")
        
        # 解码Base64数据
        try:
            file_data = base64.b64decode(file_base64)
        except Exception as e:
            return HttpResponseBadRequest("无效的Base64编码数据")
        
        # 获取用户实例并创建消息
        try:
            sender_profile = UserProfile.objects.get(id=sender_id)
            receiver_profile = UserProfile.objects.get(id=receiver_id)
        except UserProfile.DoesNotExist:
            return HttpResponseBadRequest("用户不存在")
        
        message = Message.objects.create(sender=sender_profile, receiver=receiver_profile)
        # 将解码后的文件保存到audio字段（假设是FileField类型）
        message.audio.save(filename, ContentFile(file_data))
        message.save()
        
        return HttpResponse("文件发送成功")
    
    return HttpResponseMethodNotAllowed(["GET"])

Electron端示例代码（JS）： #

// 读取本地文件并转成Base64
function fileToBase64(file) {
    return new Promise((resolve, reject) => {
        const reader = new FileReader();
        reader.onload = () => resolve(reader.result.split(',')[1]); // 去掉dataURL前缀
        reader.onerror = error => reject(error);
        reader.readAsDataURL(file);
    });
}

// 发送请求
async function sendFile(senderId, receiverId, file) {
    const base64Data = await fileToBase64(file);
    const url = `http://your-server/api/send-message/${senderId}/${receiverId}?file_base64=${encodeURIComponent(base64Data)}&filename=${encodeURIComponent(file.name)}`;
    
    fetch(url)
        .then(res => res.text())
        .then(data => console.log(data))
        .catch(err => console.error('发送失败:', err));
}

注意：Base64编码会让文件体积增大约30%，且URL长度有浏览器/服务器限制，所以只适合小文件。

方案2：用POST请求传递FormData（推荐，适合所有文件大小） #

这是最稳妥的方案——把sender_id和receiver_id放在URL路径里，文件作为FormData的一部分用POST请求发送。Django原生支持处理文件上传，不用额外依赖，Electron端实现也很简单。

修改后的Django代码： #

urls.py

path('api/send-message/<int:sender_id>/<int:receiver_id>', api.send_message),

views.py

from django.http import HttpResponseBadRequest, HttpResponse, HttpResponseMethodNotAllowed

def send_message(request, sender_id, receiver_id):
    if request.method == 'POST':
        # 获取上传的文件
        uploaded_file = request.FILES.get('audio_file')
        if not uploaded_file:
            return HttpResponseBadRequest("未上传文件")
        
        # 获取用户实例
        try:
            sender_profile = UserProfile.objects.get(id=sender_id)
            receiver_profile = UserProfile.objects.get(id=receiver_id)
        except UserProfile.DoesNotExist:
            return HttpResponseBadRequest("用户不存在")
        
        # 创建消息并保存文件
        message = Message.objects.create(
            sender=sender_profile,
            receiver=receiver_profile,
            audio=uploaded_file
        )
        
        return HttpResponse("文件发送成功")
    
    return HttpResponseMethodNotAllowed(["POST"])

Electron端示例代码（JS）： #

function sendFile(senderId, receiverId, file) {
    const formData = new FormData();
    formData.append('audio_file', file); // file是从本地选择的File对象
    
    fetch(`http://your-server/api/send-message/${senderId}/${receiverId}`, {
        method: 'POST',
        body: formData
    })
    .then(res => res.text())
    .then(data => console.log(data))
    .catch(err => console.error('发送失败:', err));
}

优势：没有文件体积限制，Django处理文件上传的逻辑成熟稳定，Electron端代码也简洁易懂，完全符合你的轻量需求。

为什么之前的方案行不通？ #

你之前尝试传递file_path，但这个路径是客户端本地的文件路径（比如C:/Users/xxx/file.mp3），服务器根本无法访问客户端的本地文件系统，所以这种方式从原理上就走不通。必须把文件内容本身传递到服务器，而不是路径。

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