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解決了這個問題。