【发布时间】：2017-03-30 14:38:49
【问题描述】：
我对 Google 脚本非常陌生 - 就像我昨天刚开始学习如何使用它一样。我已经根据this answer 的代码组合了一个 google drive dropzone。我的脚本正在运行，它将照片上传到正确的文件夹。问题是，我无法上传大于 10mb 的文件，我需要能够上传视频。我做了一些研究，发现了解决同一问题的其他问题，但没有一个问题能解决这个问题。
抱歉代码乱七八糟，因为这是我修改的另一个项目。
这里是form.html：
<head>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/flatly/bootstrap.min.css">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.css">
<link href="https://fonts.googleapis.com/css?family=Catamaran:900" rel="stylesheet">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.js"></script>
</head>
<body>
<div class="flex-center-wrap">
<div class="flex-center">
<div class="panel panel-default">
<div class="panel-heading">
<h2>Media Dropzone</h2>
</div>
<div class="panel-body">
<form class="dropzone" id="myForm" action="#">
<div class="fallback">
<input name="file" type="file" multiple/>
</div>
</form>
<div id="status" class="hidden">
<br>
<p id="status-message"></p>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
var numUploads = {};
numUploads.done = 0;
numUploads.total = 0;
var myDropzone = new Dropzone("#myForm", { url: "#"});
myDropzone.on("addedfile", function() {
iteratorFileUpload();
});
// Upload the files into a folder in drive
// This is set to send them all to one folder (specificed in the .gs file)
function iteratorFileUpload() {
myDropzone.disable();
var allFiles = document.getElementsByTagName("input")[0].files;
if (allFiles.length == 0) {
alert('No file selected!');
} else {
numUploads.total = allFiles.length;
$("#status").removeClass("hidden");
$("#status-message").text("Uploading file " + numUploads.done + " of " + numUploads.total + "...");
for (var i = 0; i < allFiles.length; i++) {
sendFileToDrive(allFiles[i]);
}
}
}
function sendFileToDrive(file) {
var reader = new FileReader();
reader.onload = function (e) {
var content = reader.result;
console.log('Sending ' + file.name);
var currFolder = 'Something';
google.script.run.withSuccessHandler(function(){
numUploads.done = numUploads.done + 1;
if(numUploads.done !== numUploads.total){
$("#status-message").text("Uploading file " + numUploads.done + " of " + numUploads.total + "...");
} else{
$("#status-message").text("Uploading finished!");
}
}).withFailureHandler(function(e){
alert(e.message);
}).uploadFileToDrive(content, file.name, currFolder);
}
reader.readAsDataURL(file);
}
});
</script>
<style>
body, html{
margin: 0;
padding: 0;
}
html{
height: 100%;
}
body{
min-height: 100%;
overflow-x: hidden;
background-color: #3498db;
}
.flex-center-wrap{
height: 100vh;
width: 100vw;
padding: 0;
position: absolute;
top: 0;
left: 0;
margin: 0;
display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
display: -ms-flex;
display: flex;
align-items: center;
justify-content: center;
}
.flex-center{
position: relative;
max-height: 80vh;
width: 500px;
max-width: 90vw;
}
.dropzone{
height: 300px;
border: 3px dashed #3498db;
}
.dropzone .dz-message{
margin: 117px 0 !important;
}
.dz-progress,
.dz-error-message,
.dz-success-mark,
.dz-error-mark{
display: none !important;
}
h1,h2,h3,h4,h5,h6{
text-align: center;
font-family: 'Catamaran', sans-serif;
margin: 10px 0;
}
p{
text-align: center;
}
</style>
</body>这里是server.gs:
function doGet() {
return HtmlService.createHtmlOutputFromFile('form')
.setSandboxMode(HtmlService.SandboxMode.IFRAME);
}
function uploadFileToDrive(base64Data, fileName) {
try{
var splitBase = base64Data.split(','),
type = splitBase[0].split(';')[0].replace('data:','');
var byteCharacters = Utilities.base64Decode(splitBase[1]);
var ss = Utilities.newBlob(byteCharacters, type);
ss.setName(fileName);
var folder;
try{
folder = DriveApp.getFolderById(""); //removed this for security
} catch(e){
folder = DriveApp.createFolder("social-media-dropzone");
}
var file = folder.createFile(ss);
return file.getName();
} catch(e){
return 'Error: ' + e.toString();
}
}
有什么方法可以提高限制，还是我应该放弃这个方法并尝试 Google 脚本以外的其他方法？
这里是 server.gs 使用 Advanced Drive API：
function doGet() {
var output = HtmlService.createHtmlOutputFromFile('form').setSandboxMode(HtmlService.SandboxMode.IFRAME);
output.addMetaTag('viewport', 'width=device-width, initial-scale=1');
return output;
}
function uploadFileToDrive(base64Data, fileName) {
var splitBase = base64Data.split(','),
type = splitBase[0].split(';')[0].replace('data:','');
var byteCharacters = Utilities.base64Decode(splitBase[1]);
var ss = Utilities.newBlob(byteCharacters, type);
ss.setName(fileName);
//var file = folder.createFile(ss);
var folderId = ""; //removed for security
var file = {
title: fileName,
mimeType: ss.type,
parents: [{id: folderId }]
};
Drive.Files.insert(file, ss);
return null;
}
即使使用高级 API，如果文件太大，上传也会失败。我用一个 8mb 的视频和一个 15mb 的视频测试过，后者失败了。
【问题讨论】：
标签： javascript google-apps-script google-api google-drive-api google-apps