Ich verwende das Hochladen von Dateien in meiner Webanwendung mithilfe des Tags <input type="file" /> html. Meine Funktion funktioniert gut mit der Auswahl einer Datei aus der Dateiauswahl und dem Absenden der Datei, aber jetzt möchte ich eine Datei auf Drag & Drop-Ereignisse hochladen, dh der Benutzer zieht eine Datei von einem Ort auf seinem Computer und wenn er sie in einer bestimmten ablegt Abschnitt auf meiner Webseite beginnt die Datei mit dem Hochladen.
Bisher habe ich es geschafft, die Dateien aus dem Drop-Event mit
zu lesen %Vor%Aber wie kann ich diese Dateien hochladen? Ich kann den Wert von Eingabetyp = Datei aus Sicherheitsgründen nicht ändern. Also, was kann ich tun, um diese Dateien an mein Servlet zu übergeben?
Sie müssen FormData verwenden (achten Sie auf IE-Unterstützung).
>Wenn es zu einem Absturz kommt, müssen Sie das FormData -Objekt erstellen und Daten an dieses Objekt anhängen, dann das POST Formular an Ihre URL. Es ist asynchron und lädt Ihre Seite nicht neu.
%Vor%Vorsicht , dass ich es nur in Chrome und Firefox getestet habe, IE9 wird wahrscheinlich nicht funktionieren, aber IE10 sollte, wenn Sie es testen, lassen Sie es uns bitte wissen.
Ich glaube, du möchtest etwas in der Art wie Dropzone.js
Ich habe es noch nicht ausprobiert, aber es ist eine Bibliothek, die das einfache Ziehen und Ablegen von Dateien auf eine Website, auf der es ausgeführt wird, ermöglicht, v3.0 kommt ohne jQuery aus.
Tags und Links javascript html5