2016-03-20 4 views
2

Ich versuche seit Tagen zu finden, wie Sie die Datei-Upload-Methode im Code unten (in Google Apps-Skript) zu ziehen und ablegen. Gibt es eine Möglichkeit, das zu tun? kann jemand mir sogar einen Code zum Einfügen geben, damit es funktioniert?Datei Drag-and-Drop-Upload in Google Apps-Skript

Danke trotzdem!

Dies ist der GAS-Code und den HTML-Code:

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>

Antwort

0

Es gibt eine Google Picker. Mit der Google Picker-API können Sie Dateien und Ordner auf dem Desktop oder in Google Drive visuell auswählen, indem Sie die entsprechende Ansicht googlepicker, DocsUploadView bzw. google.picker bzw. DocsView, angeben. Sie können Beispiele auf der Google Developer-Seite verwenden, um zu starten.

Sie müssen auch ein Projekt in der Google Developers Console erstellen oder auswählen und die Google Picker-API aktivieren.

Danach können Sie Google Picker API über HtmlService in Ihrer form.html Datei verwenden.

UPD: Hier ist ein Beispiel mit Google Apps Script code.

Verwandte Themen