So senden Sie ein Bild vom Frontend (mithilfe von ANGULARJS) an das Back-End (Java) mithilfe des g Ajax-Aufrufs.Wie kann ich ein Bild vom Frontend zum Backend senden?
Dieses Bild muss ich in lokalen Server speichern. Streams verwenden.
Sie müssen eine Dateieingabe verwenden (die durch Klicken auf ein anderes Element ausgeblendet und aktiviert werden kann).
Sobald Sie eine Dateieingabe mit einer Datei darin haben, können Sie die Datei an ein FormData-Objekt anhängen und als Post-Body in einer Ajax-Anfrage übergeben.
var data = new FormData()
var file = document.getElementById('my-file-element').files[0]
data.set('key', file)
// Send ajax as normal with formdata body.
Edit: basierend auf Ihre Kommentare
Sieht aus wie Sie einen "Screenshot" eines div nehmen wollen.
Dafür ist Ihre beste Wette zu add the dom to a canvas und konvertieren Sie dann die Zeichenfläche zu blob. Dann sende den Blob wie in meinem obigen Beispiel.
Es gibt bereits einige Winkel gemacht Module für das Hochladen, ich habe nur diese 2 verwendet, sie könnten vielleicht für Ihr Projekt arbeiten, arbeiten sie genauso wie sie ein Ajax-Aufruf aber simplier und mit mehreren benutzerdefinierten Optionen
auf ajax-Lesen auf. Angular Docs hier: https://docs.angularjs.org/api/ng/service/$http. – Dastur
Danke dastur. Aber hier gebe ich URL nicht weiter ... von der UI nehme ich ein Div-Element als Bildformat auf ... das Bild, das ich senden muss. –
Wenn Sie in der Lage sind, ein Div als Bildformat zu erfassen, dann können Sie dieses Bild einfach mit http.post request auf den Server posten. –