google-apps-script - 上传自昨天以来损坏的二进制文件,解决方法?

标签 google-apps-script file-upload web-applications

更新:我创建了一个问题:https://issuetracker.google.com/issues/150675170

我的网络应用程序运行了很长时间,但现在上传的 pdf 文件突然损坏了。下面是一个可用于重现问题的简化的小示例。

看上传的文件内容,好像是把文件内容当成了文本,用EF BF BD替换了几个字符,就是'REPLACEMENT CHARACTER的UTF-8字节序列' (U+FFFD).

例如,原始 PDF 文件的第一个字节:

25 50 44 46 2D 31 2E 34 0A 25 E2 E3 CF D3 0A 31 39 | %PDF-1.4\n%âãÏÓ\n19

上传为:

25 50 44 46 2D 31 2E 34 0A 25 EF BF BD EF BF BD EF BF BD EF BF BD 0A 31 39 | %PDF-1.4\n%����\n19

我不知道去哪里报告,我只希望谷歌员工能看到并修复它。

与此同时,也许熟悉 Google Apps 脚本的人有解决方法的想法。

下面是一个简化的小例子 - 部署,上传一个二进制文件,转到 Drive,在“test”文件夹下找到它,下载它,观察它是否损坏。

HTML模板,文件名test_form.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>

<form id="test-form">
    <input type="file" id="test-file" name="test-file">
    <button id="submit-button" type="submit">Upload</button>
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    (function () {
        'use strict';

        $('#test-form').submit(function (e) {
            e.preventDefault(); // prevent form from submitting

            google.script.run
                .withFailureHandler(fileUploadedFailure)
                .withSuccessHandler(fileUploaded)
                .uploadFilesFrame(this);
        });

        function fileUploaded(status) {
            alert(status);
        }

        function fileUploadedFailure(error) {
            alert('Failed: ' + error.message);
        }
    })();
</script>
</body>
</html>

服务器代码,文件名Code.gs:

var rootFolderName = "test";

function doGet(e) {
  var template = HtmlService.createTemplateFromFile('test_form');
  return template.evaluate().setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}

function uploadFilesFrame(form) {
  try {
    var fileBlob = form['test-file'];

    var rootFolder = DriveApp.getFoldersByName(rootFolderName);
    if (rootFolder.hasNext()) {
      rootFolder = rootFolder.next();
    } else {
      rootFolder = DriveApp.createFolder(rootFolderName);
    }

    var file = rootFolder.createFile(fileBlob);

    return JSON.stringify({"status": 'ok', "msg": file.getId()});
  } catch (error) {
    return JSON.stringify({"status": 'error', "data": error.stack});
  }
}

最佳答案

更新(2021 年 11 月):问题已解决: https://issuetracker.google.com/issues/155109626


一种解决方法:在客户端对其进行 base64 编码,然后在服务器端对它进行 base64 解码。然后内容就不会搞砸了。这是一个例子:

HTML模板,文件名test_form.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>

<form id="test-form">
    <input type="file" id="test-file" name="test-file">
    <input type="hidden" id="test-file2" name="test-file2">
    <input type="hidden" id="test-file-name" name="test-file-name">
    <button id="submit-button" type="submit">Upload</button>
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    (function () {
        'use strict';

        $('#test-form').submit(function (e) {
            var thisForm = this;
            e.preventDefault(); // prevent form from submitting

            var reader = new FileReader();
            reader.onload = function (event) {
                var result = event.target.result;
                var base64 = result.substr(result.indexOf(',') + 1);
                $('#test-file2').val(base64);
                
                var filename = $('#test-file').val().split('\\').pop();
                $('#test-file-name').val(filename);
                
                $('#test-file').prop('disabled', true);
                
                google.script.run
                    .withFailureHandler(fileUploadedFailure)
                    .withSuccessHandler(fileUploaded)
                    .uploadFilesFrame(thisForm);
            };
            reader.onerror = function (event) {
                alert("ERROR: " + event.target.error.code);
            };
            reader.readAsDataURL(document.getElementById('test-file').files[0]);
        });

        function fileUploaded(status) {
            alert(status);
        }

        function fileUploadedFailure(error) {
            alert('Failed: ' + error.message);
        }
    })();
</script>
</body>
</html>

服务器代码,文件名Code.gs:

var rootFolderName = "test";

function doGet(e) {
  var template = HtmlService.createTemplateFromFile('test_form');
  return template.evaluate().setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}

function uploadFilesFrame(form) {
  try {
    var fileBlob = Utilities.newBlob(Utilities.base64Decode(form['test-file2']), 'application/octet-stream', form['test-file-name']);

    var rootFolder = DriveApp.getFoldersByName(rootFolderName);
    if (rootFolder.hasNext()) {
      rootFolder = rootFolder.next();
    } else {
      rootFolder = DriveApp.createFolder(rootFolderName);
    }

    var file = rootFolder.createFile(fileBlob);

    return JSON.stringify({"status": 'ok', "msg": file.getId()});
  } catch (error) {
    return JSON.stringify({"status": 'error', "data": error.stack});
  }
}

关于google-apps-script - 上传自昨天以来损坏的二进制文件,解决方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60514594/

相关文章:

google-apps-script - 如何将数据从谷歌表单提供给谷歌bigquery

php - Symfony2 和 Blueimp jQuery-File-Upload : where to set the "server/php" directory

python - 我们如何在 Flask 应用程序中嵌入 Bokeh 布局对象(包含多个绘图和小部件)?

web-applications - jboss的jmx-console有什么好玩的?

java - 如何仅将库中的特定 jar 包含到 gradle 构建中?

javascript - Google Apps 脚本 - 想要 chop 表单中特定列中的文本

javascript - 如何使用变量名访问表单值?

javascript - Google Sheet AppScrip setFormula 语法错误 : SyntaxError: missing )

jsf - 如何显示p :fileUpload invalidFileMessage in p:growl

c - 区分socket上的接收文件