私の四角形のウェブサイトでレディメイドコードで遊んでいます。 readymade google appsスクリプトを設定して、Googleドライブにファイルをアップロードする方法を見つけました。それは、アプリケーションを公開することによって与えられたURL上で正常に動作します。スクエアスペースページからgoogle appsスクリプトを呼び出す方法は?
しかし私は、私の四角形のページ上のコードの注入によって、readymadeのソリューションからhtmlコードを実装しましたが、明らかに動作しません。おそらく、アプリを公開して生成された特定のURLにつながる情報はスクリプトコードにはありません。
これは、今ここで私はsquarespaceに注入するために使用するコード(私はGoogleのアプリスクリプトサーバ側に私を接続しているいくつかのコードが必要)
<div align="center">
<table width="459" border="0">
<tbody>
<tr>
<td width="462"><div align="center">
<hr>
</div>
<form id="myForm" align="center">
<input type="text" name="myName" placeholder="Your name..">
<input type="file" name="myFile">
<input type="submit" value="Upload File"
onclick="this.value='Uploading..';
google.script.run.withSuccessHandler(fileUploaded)
.uploadFiles(this.parentNode);
return false;">
</form>
<div id="output"></div>
<script>
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>
で、サーバー側のコードは次のようになります。
function doGet(e) {
return HtmlService.createHtmlOutputFromFile('form.html');
}
function uploadFiles(form) {
try {
var dropbox = "RHT";
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);
return "File uploaded successfully " + file.getUrl();
} catch (error) {
return error.toString();
}
}
これを機能させるために追加するには、これを非常に簡単なコードにする必要があります。
ありがとうございました