FileReader - 如何将字符编码从 UTF-8 更改为 ANSI

Question

我正在尝试通过为产品提供的 API 将文件上传到 Google 驱动器。但是，我认为编码存在问题 - 特别是 FileReader.readAsText() 函数。

我尝试为编码添加可选参数，使其看起来像 r.readAsText(f,'ANSI')，但它似乎不起作用。

readAsText() 函数由于某些奇怪的原因默认为 UTF-8 编码。当我尝试上传使用 UTF-8 编码的图像文件时，它们已损坏并且无法正常打开。

 function readFile(evt) {
            var fData = [];
            var f = evt.target.files[0];
            if (f) {
                var r = new FileReader();
                r.readAsText(f);
                fData.unshift(f.name, f.type);
                var myInt = setInterval(function() {
                    if (r.readyState == 2) {
                        fData.push(r.result);
                        uploadFiles(fData);
                        clearInterval(myInt);
                    }
                }, 50);
            } else {
                alert("Failed to load file");
            }

        }


        function uploadFiles(dataArray,callback) {
                const boundary = '-------314159265358979323846';
                const delimiter = "\r\n--" + boundary + "\r\n";
                const close_delim = "\r\n--" + boundary + "--";

                const contentType = 'application/json';

                var metadata = {
                    'name': dataArray[0],
                    'mimeType': dataArray[1]
                };

                var multipartRequestBody =
                    delimiter +
                    'Content-Type: application/json\r\n\r\n' +
                    JSON.stringify(metadata) +
                    delimiter +
                    'Content-Type: ' + contentType + '\r\n\r\n' +
                    dataArray[2] +
                    close_delim;

                var request = gapi.client.request({
                    'path': '/upload/drive/v3/files',
                    'method': 'POST',
                    'params': { 'uploadType': 'multipart' },
                    'headers': {
                        'Content-Type': 'multipart/related; boundary="' + boundary + '"'
                    },
                    'body': multipartRequestBody
                });
                if (!callback) {
                    callback = function(file) {
                        console.log(file)
                    };
                }
                request.execute(callback);
        }

        document.getElementById('upFile').addEventListener('change', readFile, false);

Answer 1

您想使用 JavaScript 的驱动器 API 将文件上传到 Google 驱动器。这个解决方法怎么样？在此解决方法中，文件被转换为 base64 并上传到 Google 驱动器。

修改点：

• 使用 readAsDataURL() 而不是 readAsText()。
• 在请求正文中将数据定义为 base64。

修改脚本：

请修改2个部分如下。

1. 来自：

r.readAsText(f);

1. 至：

r.readAsDataURL(f);

2. 来自：

var multipartRequestBody =
    delimiter +
    'Content-Type: application/json\r\n\r\n' +
    JSON.stringify(metadata) +
    delimiter +
    'Content-Type: ' + contentType + '\r\n\r\n' +
    dataArray[2] +
    close_delim

2. 至：

var multipartRequestBody =
    delimiter +
    'Content-Type: application/json\r\n\r\n' +
    JSON.stringify(metadata) +
    delimiter +
    'Content-Type: ' + contentType + '\r\n' + // Modified
    'Content-Transfer-Encoding: base64\r\n\r\n' + // Added
    dataArray[2].split(",")[1] + // // Modified
    close_delim

参考：

• FileReader.readAsDataURL()

我也遇到过和你一样的情况。当时我是用base64解决的。