如何通过POST(doPost)将文件上传到Google Script的Web应用程序?



我的问题与此完全相同:使用doPost 将文件上传到Google Web应用程序

如何从另一个域将文件直接上传到Google Script的Web应用程序?我回答了这个问题中的一个变通方法,将文件转换为base64字符串,但问题仍然存在。是否可以将文件上传到Google脚本或仅上传字符串?

文件不能由GAS的"doPost()"从本地PC上的HTML表单直接上传。因为"多部分/表单数据"可能无法用于"doPost()"。因此,正如您所说,转换Base64可以得到解决方案。

有两种方法可以通过"doPost()"上传文件。

1.从GAS项目的HTML表单上传文件

这将在GAS项目中使用GAS和HTML上传一个文件。在这种情况下,脚本不会将文件转换为Base64。(它可以转换为内部过程。)

2.从本地PC上的HTML表单上传文件

这将从本地PC上的HTML表单上传一个文件。GAS控制"doPost()"。在这种情况下,文件被编码到Base64并作为文本数据上传,然后使用GAS解码为文件。


1.从GAS项目的HTML表单上传文件

规则

  1. 下面的示例脚本和HTML必须制作成谷歌应用程序脚本的项目。

  2. 将GAS项目部署为web应用程序。https://developers.google.com/apps-script/guides/web并检索URL。

  3. 更新脚本后,必须将其更新为新版本。

Form.html:

<html>
<body>
<form>
<input type="file" name="upFile">
<input type="button" value="ok" onclick="google.script.run.upload(this.parentNode)">
</form>
</body>
</html>

脚本

function doGet() {
return HtmlService.createHtmlOutputFromFile('Form.html');
}
function upload(e) {
DriveApp.createFile(e.upFile);
}

2.从本地PC上的HTML表单上传文件

这个规则和上面的几乎一样。该脚本被放置在GAS项目上。但是HTML表单被放置在本地PC上。

脚本

function doGet(e) {
return message("Error: no parameters");
}
function doPost(e) {
if (!e.parameters.filename || !e.parameters.file) {
return message("Error: Bad parameters");
} else {
var data = Utilities.base64Decode(e.parameters.file, Utilities.Charset.UTF_8);
var blob = Utilities.newBlob(data, MimeType.PNG, e.parameters.filename);
DriveApp.createFile(blob);
return message("completed");
}
}
function message(msg) {
return ContentService.createTextOutput(JSON.stringify({result: msg})).setMimeType(ContentService.MimeType.JSON);
}

HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
</head>
<body>
<input type="file" id="file">
<script type="text/javascript">
$(function(){
var url = 'https://script.google.com/macros/s/[Project ID]/exec';
var params = {
filename: 'samplefile',
imageformat: 'PNG'
};
$('#file').on("change", function() {
var file = this.files[0];
var fr = new FileReader();
fr.onload = function(e) {
params.file = e.target.result.replace(/^.*,/, '');
postJump();
}
fr.readAsDataURL(file);
});
function postJump(){
var html = '<form method="post" action="'+url+'" id="postjump" style="display: none;">';
Object.keys(params).forEach(function (key) {
html += '<input type="hidden" name="'+key+'" value="'+params[key]+'" >';
});
html += '</form>';
$("body").append(html);
$('#postjump').submit();
$('#postjump').remove();
}
});
</script>
</body>
</html>

这个示例脚本假设上传一个PNG文件作为测试。如果您想上传其他文件,请更改mime类型。https://developers.google.com/apps-script/reference/base/mime-type

对于HTML示例,选择文件时会上载该文件。

如果这对你有帮助,我很高兴。

最新更新