如何使用JQuery将图片上传到Google云端硬盘？

Question

我正在使用Google Drive API v3的断点续传

https://developers.google.com/drive/v3/web/manage-uploads#resumable

POST似乎成功。 我收到一个200，带有一个包含我的会话URI的Location标头。

我可以将数据放入该URI，然后将其上传。 但是，生成的文件比我的本地JPEG大大约三分之一，没有标题，下载后无法打开。

这是加载文件的代码

fr = new FileReader(); // FileReader instance
    fr.onloadend = function () {
        fileData = fr.result;
        console.log("fileData.length = " + fileData.length);

        var img = document.createElement('img');
        img.src = fileData;
        document.body.appendChild(img);
    };
    //fr.readAsText( file );
    fr.readAsDataURL( file );
    //fr.readAsBinaryString(file);
    //fr.readAsArrayBuffer(file);

如您所见，我将图像添加到页面。 显示成功。 （您还可以看到我已经使用FileReader尝试了很多错误（所有错误！））

这是PUT的代码

$.ajax
({
    url: resumableSessionURI,
    type: "PUT",
    headers:
    {
        "X-Upload-Content-Length": fileSize,
        "Content-Type": "image/jpeg"
    },
    data: fileData
});

我拿回200，并在Google云端硬盘中找到一个新的无标题文件。

本地文件为4,751,758字节。 文件数据的长度为6,335,703字节（但仍正确显示在页面中）。 从Google云端硬盘下载的文件也是6,335,703字节。 数据格式错误吗？