Google雲端硬碟開放「匿名上傳」加強版,一次開放上傳兩個檔案(Google Apps Script應用服務指令碼)

繼之前的文章「原來Google雲端硬碟也能開放「匿名上傳」,做為學生作業、比賽稿件上傳就不用再傷腦筋了!(Google Apps Script應用服務指令碼)」後,有網友提出是否可以在一個表單中上傳兩個檔案,原本也不是很確定是否可以這樣做,經實際測試後,確認這樣也是可行的,所以將相關的修正方式公佈在此文章中,方便大家進行實做!

⓪測試上傳網址:https://goo.gl/rjzQd8


⓪開啟Script檔案,將 Script 複製到你的雲端硬碟中:https://goo.gl/PYPu3d

⓪ form.html 表單修改重點如下:設定兩個檔案名稱與檔案上傳欄位


 以下為純文字內容,並將雲端硬碟資料夾與檔案加上超連結語法,方便大家直接複製使用:

<form id="myForm">
    <h3>全國海報比賽作品上傳</h3>
    <input type="text" name="myName" placeholder="請輸入檔案1">
    <input type="file" name="myFile">
    <input type="text" name="myName1" placeholder="請輸入檔案2">
    <input type="file" name="myFile1">  
    <input type="submit" value="開始上傳檔案(檔案上限25MB)"
           onclick="this.value='檔案上傳中,請稍候!';
                    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').style.display = 'block';
        document.getElementById('output').innerHTML = status;
    }
        document.getElementById('output').style.display = 'none';
</script>
<style>
 h3 { text-align:center; }
 form, #output { width:400px; height: 300px; margin:auto; border: 1px solid #333;
    background-image: url(http://www.photovaco.com/wp-content/uploads/2011/09/free-photo-background-986-m.jpg);
background-repeat: no-repeat;
background-position: top center; }
 input { display:block; margin: 20px; width:90%; height:2em;}
  #output { padding:20px;word-wrap:break-word;  }
</style>
⓪ server.gs 程式修改重點如下:
  1. 宣告取得兩個上傳檔案的名稱與資料夾變數,並指定上傳後的名稱為使用者在文字欄位中輸入的內容
  2. 設定上傳後顯示的訊息與超連結


以下為純文字內容,並將雲端硬碟資料夾與檔案加上超連結語法,方便大家直接複製使用:

function doGet(e) {
  return HtmlService.createHtmlOutputFromFile('form.html');
}
function uploadFiles(form) {
 
  try {
   
    var dropbox = "Google Apps Script上傳Demo";
    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);  
    var blob1 = form.myFile1;  
    var file1 = folder.createFile(blob1);
   
    file.setDescription("由 " + form.myName + " 上傳" );
    file.setName(form.myName)      
   
    file1.setDescription("由 " + form.myName1 + " 上傳" );
    file1.setName(form.myName1)
   
    return "檔案已經上傳成功囉!謝謝您!<br><br>■<a href='" + folder.getUrl() + "' target='_blank'>瀏覽雲端硬碟資料夾</a><br><br>■<a href='" + file.getUrl() + "' target='_blank'>瀏覽雲端硬碟第一個檔案<br><br>■<a href='" + file1.getUrl() + "' target='_blank'>瀏覽雲端硬碟第二個檔案";
   
  } catch (error) {
   
    return error.toString();
  }
 
}



留言

這個網誌中的熱門文章

免費影片剪輯「威力導演 365 基礎版」,不用輸入序號,只要註冊會員即可下載使用!

全民學 3D 就從 Blender 3D 開始:Blender 3D 中文化設定、認識視窗介面與學習資源

剪映好用的字幕「簡體轉繁體」工具在這裏,別再找錯了!

教學百寶箱:Sizer 幫您記住視窗大小與位置,以後不用每次都辛苦慢慢拖拉滑鼠調整!

ZoomIt 螢幕畫筆推出 8.0 版,繼續榮登電腦教學最佳「隱形」助手!