Kemajuan cloud storage sudah tidak dapat dihindari lagi. Sekarang masih terbatasnya penyimpanan pada hosting dan masih mahalnya sewa hosting, sehingga perlu solusi untuk mensiasatinya supaya storage atau ruang penyimpanan hosting tidak membebani jasa sewa yang harus ditanggung oleh webmaster setiap tahunnya. Maka ada solusi storage atau penyimpanan yang mungkin unlimited bagi pemilik email institusi atau corporate yang dapat digunakan sebagai penyimpanan data yaitu melalui google drive (g-Drive).
Saya akan memaparkan cara membuat form upload file dari sebuah website atau blog, dimana file penyimpanannya pada google drive (g-drive).
Lagkah-langkahnya sebagai berikut:
Langkah awal. Silahkan anda masuk ke sini dengan menggunakan akun yang akan e-mail anda: https://script.google.com/.
1. Setelah masuk di https://script.google.com/, lalu buat lah sebuah Project Baru (1), seperti gambar berikut:
2. Buatlah script di Code.gs seperti point (2) dan (3) Pada gambar di atas.
Berikut script yang harus di tuliskan:function doGet() {
var html = HtmlService.createHtmlOutputFromFile('uploadfile');
return html.setXFrameOptionMode(HtmlServices.XFrameOptionsMode.ALLOSWALL);
}
function uploadFiles(Data)
{
var file = data.myFile;
var folder = DriveApp.getFolderById('1gOmiE_PYtHT9iMyehuwusdHN4zryMdUT');
var createFile = folder.createFile(file);
return createFile.getUrl();
}catatan : huruf yang berwarna merah ganti dengan ID-FOLDER di google drive yang akan anda jadikan tempat penyimpanan, misal:
https://drive.google.com/drive/folders/1gOmiE_PYtHT9iMyehuwusdHN4zryMdUT?usp=sharing
3. Buat lah sebuah file dengan nama : UploadFile.html
Caranya perhatikan gambar berikut:
<html>
<head>
<base target="_top">
<title>Upload File RKD-BKD Dosen</title>
</head>
<body>
<h1>Upload File</h1>
<form>
<input type="file" name="myFile" mulitple>
<br>
<br>
<input type="button" id="submitBtn" value="Upload Files">
<label id="resp"></label>
</form>
<script>
document.getElementById('submitBtn').addEventListener('click',
function(e){
google.script.run.withSuccessHandler(onSuccess).uploadFiles(this.parentNode)
})
function onSuccess(data){
document.getElementById('resp').innerHTML = "Copykan Ini : " +data;
}
</script>
</body>
</html>
4. Langkah berikutnya yaitu mempublisnya. Tapi jangan lupa untuk menyimpan (save) sebelum publish. Berikut cara Publish:
Ciri link nya diakhir ada exec.
Sekian tutor dari saya mengenai cara membuat form upload file dari website kepada penyimpanan di google drive (gdrive)
Berikut script hasilnya jika dipasang di blog:
Upload Bukti SK atau Bukti Penugasan
Tidak ada komentar:
Posting Komentar