Javascript 无法解码字符串。(第2行,文件“代码”,项目“项目名称”)
我一直在尝试创建一个HTML表单,将文件上传到GoogleDrive 以下是我在谷歌应用程序脚本中使用的代码:Javascript 无法解码字符串。(第2行,文件“代码”,项目“项目名称”),javascript,forms,google-apps-script,web-applications,Javascript,Forms,Google Apps Script,Web Applications,我一直在尝试创建一个HTML表单,将文件上传到GoogleDrive 以下是我在谷歌应用程序脚本中使用的代码: function doPost(e) { var data = Utilities.base64Decode(e.parameters.data); var blob = Utilities.newBlob(data, e.parameters.mimetype, e.parameters.filename); DriveApp.createFile(blob); re
function doPost(e) {
var data = Utilities.base64Decode(e.parameters.data);
var blob = Utilities.newBlob(data, e.parameters.mimetype, e.parameters.filename);
DriveApp.createFile(blob);
return ContentService.createTextOutput("Done.")
}
下面是我的HTML表单的外观:
<form action="https://script.google.com/macros/s/AKfycbx48QW8vH7C0cse4W60VJIXba4MVkUxiuUTaJPZ1_MWwUrODMmp/exec" id="form" method="post">
<input type="text" placeholder="Name" class="form-control"><br>
<input type="email" placeholder="Email" class="form-control"><Br>
<div id="data"></div>
<input name="file" id="uploadfile" type="file" class="form-control">
<br><Br>
<button id="submit" type="submit" class="btn btn-primary form-control">Send</button>
</form>
<script>
$('#uploadfile').on("change", function () {
var file = this.files[0];
var fr = new FileReader();
fr.fileName = file.name
fr.onload = function (e) {
e.target.result
html = '<input type="hidden" name="data" value="' + e.target.result.replace(/^.*,/, '') + '" >';
html += '<input type="hidden" name="mimetype" value="' + e.target.result.match(/^.*(?=;)/)[0] + '" >';
html += '<input type="hidden" name="filename" value="' + e.target.fileName + '" >';
$("#data").empty().append(html);
}
fr.readAsDataURL(file);
});
</script>
但是它给了我一个错误无效的参数第3行,文件代码,项目名称 HTML:
我只是将它用作一个对话框,因此您必须添加doGet @TheMaster是的,你说得对,我不需要解码部分。我更改了它,但出现了另一个错误,请检查editUse stackdriver logging console.log以记录e和参数。检查其中是否有未定义的部分mimetype和filename如何未定义!!如果您的脚本是通过复制其他脚本创建的,您能否提供原始脚本的信息?因为尽管您的脚本使用jquery,但它似乎没有被加载。例如,输入脚本并重试如何。届时,请使用谷歌应用程序脚本的第一个脚本。顺便说一句,我认为在你的脚本中,输入的姓名和电子邮件不会发送到GAS-side。
function doPost(e) {
var blob = Utilities.newBlob(e.parameters.data, e.parameters.mimetype, e.parameters.filename);
DriveApp.createFile(blob);
return ContentService.createTextOutput("Done.")
}
<!DOCTYPE html>
<html>
<head>
<script>
function fileUploadJs(frmData)
{
document.getElementById('status').style.display ='inline';
google.script.run
.withSuccessHandler(updateOutput)
.processForm(frmData)
};
function updateOutput(info)
{
var br='<br />';
var outputDiv = document.getElementById('status');
outputDiv.innerHTML = br + 'File Upload Successful.' + br + 'File Name: ' + info.name + br + 'Content Type: ' + info.type;
}
</script>
</head>
<body>
<h1 id="main-heading">Main Heading</h1>
<div id="formDiv">
<form id="myForm">
<input name="fileToLoad" type="file" /><br/>
<input type="button" value="Submit" onclick="fileUploadJs(this.parentNode)" />
</form>
</div>
<div id="status" style="display: none">
<!-- div will be filled with innerHTML after form submission. -->
Uploading. Please wait...
</div>
<div id="controls">
<input type="button" value="Close" onClick="google.script.host.close();" />
</div>
</body>
</html>
function processForm(theForm) {
var fileBlob = theForm.fileToLoad;
Logger.log("fileBlob Name: " + fileBlob.getName())
Logger.log("fileBlob type: " + fileBlob.getContentType())
Logger.log('fileBlob: ' + fileBlob);
var fileInfo={'name':fileBlob.getName(),'type':fileBlob.getContentType(), 'size':fileBlob.getBytes()};
var fldrSssn = DriveApp.getFolderById('FolderId');//put in fetched files
fldrSssn.createFile(fileBlob);
return fileInfo;
}