将文件作为 JSON 上传到 Python 网络服务器

Question

我想将文件作为 JSON 从客户端上传到 Python 网络服务器 (Tornado) 并将其保存在服务器上。这是我的简化设置：

客户端 HTML：

<input type="file" id="myFile" onchange="fileChange" />

客户端JS：

function fileChange(event) {
    const file = event.target.files[0];
    const fileReader = new FileReader();
    fileReader.onload = (e) => uploadFile(e.target.result, file.name);
    fileReader.readAsText(file);
}

function uploadFile(fileContent, fileName) {
    const data = {fileContent, fileName};
    axios.post('http://localhost:8080/api/uploadFile', JSON.srtingify(data));
}

Python 网络服务器：

class UploadFileHandler(tornado.web.RequestHandler):

    def post(self):
        requestBody = tornado.escape.json_decode(self.request.body)
        file = open(requestBody["fileName"], "w+")
        file.write(requestBody["fileContent"].encode("UTF-8"))
        file.close()

1. 所有上传的文件都是空的（PDF 中的空白页，JPG 文件类型“不支持”，Word 文件无法打开），并且几乎是原始文件的两倍。我该如何解决这个问题？
2. 有没有办法改进这个设置？

Answer 1

您正在尝试上传二进制文件（word、jpg），序列化为 JSON，并将它们存储在服务器上。

要处理 JSON 格式的二进制数据，请先encode the binary data as base64，然后再调用JSON.stringify。

像这样（未经测试）：

function uploadFile(fileContent, fileName) {
    // Encode the binary data to as base64.
    const data = {
        fileContent: btoa(fileContent),
        fileName: fileName
    };
    axios.post('http://localhost:8080/api/uploadFile', JSON.stringify(data));
}

在服务器端，您需要从 JSON 反序列化，解码 base64 并以二进制文件mode 打开一个文件，以确保您正在写入磁盘的是上传的二进制数据。以文本模式打开文件需要在写入磁盘之前对数据进行编码，此编码步骤会损坏二进制数据。

这样的事情应该可以工作：

class UploadFileHandler(tornado.web.RequestHandler):

    def post(self):
        requestBody = tornado.escape.json_decode(self.request.body)
        # Decode binary content from base64
        binary_data = base64.b64decode(requestBody[fileContent])
        # Open file in binary mode
        with open(requestBody["fileName"], "wb") as f:
            f.write(binary_data)