我正在试图做的
当点击“提交”按钮,我想运行一个函数,将遍历所有<input type="file">
字段和文件提交给谷歌驱动器。我修改了原代码HERE。它与一个单一的文件输入字段的预期。
问题
见下文19年2月8日编辑
我不能让它为多个<input type="file">
下地干活。我试图创建将确定给定的栏位是空的功能。如果是,跳过它,继续前进到下一个。我现在已经不能正常工作。
其他
按下按钮时,整个屏幕变成白色。不知何故,这个现在在原来的形式和我的小的修改,但不是我不明白,为什么或如何解决它。
更新:我现在在控制台中错误显示“遗漏的类型错误:无法读取遗漏的类型错误:无法读取空的特性‘文档’。
我已经试过
见HERE以下。
form.html
<!doctype html>
<head>
<style type="text/css">
body {
background-color: #FFFFFF;
}
</style>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<br>
<br>
<br>
<div align="center">
<p><img src="ENTER URL"></p>
<table width="459" border="0">
<tbody>
<tr>
<td width="462">
<div align="center">
<hr>
</div>
<form id="myForm" align="center">
<label for="teamName">TEAM</label>
<select name="teamName" id="teamName" name='teamName'></select>
<label for="myName">YOUR NAME</label>
<input type="text" name="myName" placeholder="Your name..">
<label for="myFile">Passes</label>
<input type="file" name="myFile" id="passes">
<label for="myFile">Roster</label>
<input type="file" name="myFile2" id="roster">
<input type="submit" value="Upload File" id="clickMe" onclick="clickEvent();">
</form>
<div id="output"></div>
<script>
google.script.run.withSuccessHandler(buildTeamsList)
.teams();
function buildTeamsList(teamsArray) {
var list = teamsArray;
//var option = document.createElement('option');
var option = '';
for (var i = 0; i < list.length; i++) {
option += '<option value="' + list[i] + '">' + list[i] + '</option>';
}
$('#teamName').append(option);
//var select = document.getElementById('teamName');
//select.appendChild(option);
}
function clickEvent() {
var cE = document.getElementById("clickMe")
cE.value = 'Uploading...';
var fileCount1 = document.getElementById("passes").files.length
console.log(fileCount1);
var fileCount2 = document.getElementById("roster").files.length
console.log(fileCount2);
var x = document.getElementById("clickMe").parentNode;
//document.getElementById("output").innerHTML =x;
var y = document.getElementById("clickMe").parentNode;
//document.getElementById("output").innerHTML =y;
if (fileCount1 > 0) {
google.script.run.withSuccessHandler(fileUploaded)
.uploadFiles(x);
//.writeToSheet;
} else if (fileCount2 > 0) {
google.script.run.withSuccessHandler(fileUploaded)
.uploadFiles2(y);
} else {
return false;
}
};
function fileUploaded(status) {
document.getElementById('myForm').style.display = 'none';
document.getElementById('output').innerHTML = status;
}
</script>
<style>
input {
display: block;
margin: 20px;
}
</style>
<hr>
</td>
</tr>
</tbody>
</table>
<h3> </h3>
<p> </p>
</div>
</body>
Code.gs
`function doGet(e) {
return HtmlService.createHtmlOutputFromFile('form.html');
}
function teams() {
var ss = SpreadsheetApp.openById('MYID');
var sheet = ss.getSheetByName('TEAMS');
var range = sheet.getRange('A2:A1000');
var values = range.getValues();
var array1 = [];
for (var i = 0; i < values.length; ++i) {
var column = values[i];
var colA = column[0];
if (colA != '') {
array1.push(colA);
}
}
var teamsArray = [];
while (array1.length) teamsArray.push(array1.splice(0, 1));
var lengthDivName2 = teamsArray.length;
var widthDivName2 = teamsArray[0].length;
Logger.log(teamsArray);
return teamsArray;
}
function writeToSheet(form) {
var ss = SpreadsheetApp.openById('MYID');
var sheet = ss.getSheetByName('submissions');
var range = sheet.getRange('A2');
range.setValue(form.myName);
}
function uploadFiles(form) {
try {
var dropbox = "Check In Test";
var folder, folders = DriveApp.getFoldersByName(dropbox);
if (folders.hasNext()) {
folder = folders.next();
} else {
folder = DriveApp.createFolder(dropbox);
}
var blob = form.myFile;
var file = folder.createFile(blob);
file.setDescription("Uploaded by " + form.myName);
file.setName(form.teamName+ " - Passes");
return "File uploaded successfully " + file.getUrl();
} catch (error) {
return error.toString();
}
}
function uploadFiles2(form) {
try {
var dropbox = "Check In Test";
var folder, folders = DriveApp.getFoldersByName(dropbox);
if (folders.hasNext()) {
folder = folders.next();
} else {
folder = DriveApp.createFolder(dropbox);
}
var blob = form.myFile;
var file = folder.createFile(blob);
file.setDescription("Uploaded by " + form.myName);
file.setName(form.teamName + " - Roster");
return "File uploaded successfully " + file.getUrl();
} catch (error) {
return error.toString();
}
}
旁注
<select>
值(function buildTeamsList(teamsArray)
)无JQuery的,再大的列表。你可以在上面看到,我已经注释掉线。EDITS
(this.parentNode)
。.parentNode
。我目前在控制台错误显示"Uncaught TypeError: Cannot read Uncaught TypeError: Cannot read property 'document' of null.
对于任何人都可能会遇到此。我可以通过更改服务器端(code.gs)函数uploadFiles(form)
,使这项工作。现在,一个按钮和一个函数的形式从两个文件的输入收集。
https://jsfiddle.net/nateomardavis/kdpjo4s9/2/
function doGet(e) {
return HtmlService.createHtmlOutputFromFile('form.html');
}
function teams() {
var ss = SpreadsheetApp.openById('MYID');
var sheet = ss.getSheetByName('TEAMS');
var range = sheet.getRange('A2:A1000');
var values = range.getValues();
var array1 = [];
for (var i = 0; i < values.length; ++i) {
var column = values[i];
var colA = column[0];
if (colA != '') {
array1.push(colA);
}
}
var teamsArray = [];
while (array1.length) teamsArray.push(array1.splice(0, 1));
var lengthDivName2 = teamsArray.length;
var widthDivName2 = teamsArray[0].length;
Logger.log(teamsArray);
return teamsArray;
}
function writeToSheet(form) {
var ss = SpreadsheetApp.openById('MYID');
var sheet = ss.getSheetByName('submissions');
var range = sheet.getRange('A2');
range.setValue(form.myName);
}
function uploadFiles(form) {
try {
var dropbox = "Check In Test";
var folder, folders = DriveApp.getFoldersByName(dropbox);
if (folders.hasNext()) {
folder = folders.next();
} else {
folder = DriveApp.createFolder(dropbox);
}
var blob = form.myFile;
var file = folder.createFile(blob);
file.setDescription("Uploaded by " + form.myName);
file.setName(form.teamName + " - Passes");
var blob2 = form.myFile2;
var file2 = folder.createFile(blob2);
file2.setDescription("Uploaded by " + form.myName);
file2.setName(form.teamName + " - Roster");
return "File uploaded successfully " + file.getUrl() + " and " + file2.getUrl();
} catch (error) {
return error.toString();
}
}