google appsスクリプトでファイルをドラッグアンドドロップでアップロードする

Question

ドラッグアンドドロップするには、下記のコード（Google Appsスクリプト内）でファイルのアップロード方法を切り替える方法を見つけようとしています。それを行う方法はありますか？誰かが私に貼り付けるコードを与えることができますので、うまくいくでしょうか？

ありがとうございました！

これは、ガスコードやHTMLコードです：Google Pickerがあり

function doGet(e) { 
 
    
 
    return HtmlService.createHtmlOutputFromFile('form.html'); 
 
} 
 

 
function uploadFiles(form) { 
 
    
 
    try { 
 
    
 
    var dropbox = "Student Files"; 
 
    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(); 
 
    } 
 
    
 
}

<form id="myForm"> 
 
    <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>

Answer 1

。 Google Picker APIを使用すると、適切なビューのgooglepicker、DocsUploadViewまたはgoogle.picker。DocsViewを指定することによって、デスクトップまたはGoogleドライブからファイルとフォルダを視覚的に選択することができます。 Google Developerページの例を使用して開始することができます。

また、Google Developers Consoleでプロジェクトを作成または選択し、Google Picker APIを有効にする必要があります。

その後、form.htmlファイルでHtmlService経由でGoogleピッカーAPIを使用できます。

UPD：ここでは、Google Apps Script codeの例を示します。