Javascript 在Google Apps脚本上为上传的文件创建文件夹
目前,代码正在将文件上传到“something”文件夹中 我正试图做到这样,每次我上传一组文件时,它们都会进入主上传文件夹中各自独立的文件夹 我还试图设置一个返回以显示已完成上传的确认,但文件只是简单地被上传,之后什么也没有发生。谢谢 form.htmlJavascript 在Google Apps脚本上为上传的文件创建文件夹,javascript,html,google-apps-script,Javascript,Html,Google Apps Script,目前,代码正在将文件上传到“something”文件夹中 我正试图做到这样,每次我上传一组文件时,它们都会进入主上传文件夹中各自独立的文件夹 我还试图设置一个返回以显示已完成上传的确认,但文件只是简单地被上传,之后什么也没有发生。谢谢 form.html <body> <div id="formcontainer"> <label for="myForm">Project Database Attachment Uploader:</lab
<body>
<div id="formcontainer">
<label for="myForm">Project Database Attachment Uploader:</label>
<br><br>
<form id="myForm">
<label for="myForm">Project Details:</label>
<div>
<input type="text" name="zone" placeholder="Zone:">
</div>
<div>
<input type="text" name="building" placeholder="Building(s):">
</div>
<div>
<input type="text" name="propertyAddress" placeholder="Property Address:">
</div>
<div>
<label for="fileText">Project Description:</label>
<TEXTAREA name="projectDescription"
placeholder="Describe your attachment(s) here:"
style ="width:400px; height:200px;"
></TEXTAREA>
</div>
<br>
<label for="attachType">Choose Attachment Type:</label>
<br>
<select name="attachType">
<option value="Pictures Only">Picture(s)</option>
<option value="Proposals Only">Proposal(s)</option>
<option value="Pictures & Proposals">All</option>
</select>
<br>
<label for="myFile">Upload Attachment(s):</label>
<br>
<input type="file" name="filename" id="myFile" multiple>
<input type="button" value="Submit" onclick="iteratorFileUpload()">
</form>
</div>
<div id="output"></div>
<div id="progressbar">
<div class="progress-label"></div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
var numUploads = {};
numUploads.done = 0;
numUploads.total = 0;
// 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() {
var allFiles = document.getElementById('myFile').files;
if (allFiles.length == 0) {
alert('No file selected!');
} else {
//Show Progress Bar
numUploads.total = allFiles.length;
$('#progressbar').progressbar({
value : false
});//.append("<div class='caption'>37%</div>");
$(".progress-label").html('Preparing files for upload');
// Send each file at a time
for (var i = 0; i < allFiles.length; i++) {
console.log(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(updateProgressbar).uploadFileToDrive(content, file.name, currFolder);
}
reader.readAsDataURL(file);
}
function updateProgressbar( idUpdate ){
console.log('Received: ' + idUpdate);
numUploads.done++;
var porc = Math.ceil((numUploads.done / numUploads.total)*100);
$("#progressbar").progressbar({value: porc });
$(".progress-label").text(numUploads.done +'/'+ numUploads.total);
if( numUploads.done == numUploads.total ){
//uploadsFinished();
numUploads.done = 0;
};
}
</script>
<script>
function fileUploaded(status) {
document.getElementById('myForm').style.display = 'none';
document.getElementById('output').innerHTML = status;
}
</script>
<style>
body {
max-width: 400px;
padding: 20px;
margin: auto;
}
input {
display: inline-block;
width: 100%;
padding: 5px 0px 5px 5px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
select {
margin: 5px 0px 15px 0px;
}
input[type="submit"] {
width: auto !important;
display: block !important;
}
input[type="file"] {
padding: 5px 0px 15px 0px !important;
}
#progressbar{
width: 100%;
text-align: center;
overflow: hidden;
position: relative;
vertical-align: middle;
}
.progress-label {
float: left;
margin-top: 5px;
font-weight: bold;
text-shadow: 1px 1px 0 #fff;
width: 100%;
height: 100%;
position: absolute;
vertical-align: middle;
}
</style>
</body>
以下是每个批上载到唯一文件夹的一些更改。你的职能 每次成功上载批处理中的文件时,都将调用
updateProgressbar
。回调参数idUpdate
实际上是根据服务器函数uploadFileToDrive
上传的文件名
代码.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 dropbox = "Something"; // Folder Name
var folder, folders = DriveApp.getFoldersByName(dropbox);
if (folders.hasNext()) {
folder = folders.next();
} else {
folder = DriveApp.createFolder(dropbox);
}
var file = folder.createFile(ss);
return file.getName();
}catch(e){
return 'Error: ' + e.toString();
}
}
function uploadFileToDrive(base64Data, fileName, folderName) {
.
.
.
var dropbox = folderName || "Some default Folder Name"; // Folder Name
.
.
.
}
Index.html
<script>
var numUploads = {},
numUploads.done = 0,
numUploads.total = 0,
currFolderName;
function iteratorFileUpload() {
currFolderName = "Batch: "+new Date(); // or however you want to name the batch folder
.
.
.
}
function sendFileToDrive(file) {
.
.
google.script.run.withSuccessHandler(updateProgressbar).uploadFileToDrive(content, file.name, currFolderName);
.
.
.
}
</script
var numUploads={},
numUploads.done=0,
numUploads.total=0,
currFolderName;
函数iteratorFileUpload(){
currFolderName=“Batch:“+new Date();//或者以您想要的方式命名批处理文件夹
.
.
.
}
函数sendFileToDrive(文件){
.
.
google.script.run.withSuccessHandler(updateProgressbar).uploadFileToDrive(content,file.name,currFolderName);
.
.
.
}
以下是每个批上载到唯一文件夹的一些更改。你的职能
每次成功上载批处理中的文件时,都将调用updateProgressbar
。回调参数idUpdate
实际上是根据服务器函数uploadFileToDrive
上传的文件名
代码.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 dropbox = "Something"; // Folder Name
var folder, folders = DriveApp.getFoldersByName(dropbox);
if (folders.hasNext()) {
folder = folders.next();
} else {
folder = DriveApp.createFolder(dropbox);
}
var file = folder.createFile(ss);
return file.getName();
}catch(e){
return 'Error: ' + e.toString();
}
}
function uploadFileToDrive(base64Data, fileName, folderName) {
.
.
.
var dropbox = folderName || "Some default Folder Name"; // Folder Name
.
.
.
}
Index.html
<script>
var numUploads = {},
numUploads.done = 0,
numUploads.total = 0,
currFolderName;
function iteratorFileUpload() {
currFolderName = "Batch: "+new Date(); // or however you want to name the batch folder
.
.
.
}
function sendFileToDrive(file) {
.
.
google.script.run.withSuccessHandler(updateProgressbar).uploadFileToDrive(content, file.name, currFolderName);
.
.
.
}
</script
var numUploads={},
numUploads.done=0,
numUploads.total=0,
currFolderName;
函数iteratorFileUpload(){
currFolderName=“Batch:“+new Date();//或者以您想要的方式命名批处理文件夹
.
.
.
}
函数sendFileToDrive(文件){
.
.
google.script.run.withSuccessHandler(updateProgressbar).uploadFileToDrive(content,file.name,currFolderName);
.
.
.
}
嗨,斯宾塞,我该如何使每批文件都保存在一个文件夹中。示例:批处理A转到文件夹A。批处理B转到文件夹B。现在每个文件都有自己的文件夹。谢谢,斯宾塞,我还有一个问题,我想把所有的上传文件夹放到一个主文件夹中。我将如何使用:var dropbox=folderName | |“某个默认文件夹名”将其指向该文件夹;嗨,斯宾塞,我该如何使每批文件都保存在一个文件夹中。示例:批处理A转到文件夹A。批处理B转到文件夹B。现在每个文件都有自己的文件夹。谢谢,斯宾塞,我还有一个问题,我想把所有的上传文件夹放到一个主文件夹中。我将如何使用:var dropbox=folderName | |“某个默认文件夹名”将其指向该文件夹;