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

Question

我正在尝试通过为产品提供的 API将文件上传到Google Drive 。 但是，我认为编码存在问题 - 特别是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 使用 Drive API 将文件上传到 Google Drive。 这个解决方法怎么样？ 在此解决方法中，文件将转换为 base64 并上传到 Google Drive。

改装要点：

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

修改后的脚本：

请修改2部分如下。

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

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解决了这个问题。