Wie kann man Bilder in ein Web-App einfügen? Welche Lösungen gibt es? HTML 5 Canvas?

StackOverflow https://stackoverflow.com/questions/4298846

  •  29-09-2019
  •  | 
  •  

Frage

Ich bin derzeit einen sehr nackten Knochen Web-App bauen, dass das Erfordernis des in der Lage war, ein Bild zu kopieren, während der Web-broswing, und dann auf meiner Seite einfügen.

Ich weiß, dass diese Art von Funktionalität möglich ist - wie ich Bilder in gmail eingefügt habe, während das Schreiben von Nachrichten und in Tumblr (ich glaube, sie TinyMCE als Editor verwenden)

.

Nach langer Suche -. Ich habe durch die schlechte Qualität der Erklärung für die zur Verfügung stehenden Lösungen gibt betrübt worden

Das ist, was ich gesammelt habe: 

$(document).bind('paste', function(e){
console.log(e);
})

Überprüfen des Ereignisobjekts, so scheint es, dass die Daten nur enthalten, wenn es Text ist (in Chrome sowieso).

Ich bin mir bewusst, dass der IE ein Objekt hat die clipboard Sie Inhalte Zugriff auf die Zwischenablage gibt.

Ich habe auch von möglichen Lösungen gehört die Verwendung von Flash, Java Applets und HTML 5 Canvas -. Aber ich habe noch nicht gelungen, gut schreiben ups zu erklären, diese Lösungen zu finden

Wer dies erfolgreich getan und können Best Practices vorschlagen?

War es hilfreich?

Lösung

Sie könnten die Zwischenablage API verwenden: http://dev.w3.org /2006/webapi/clipops/clipops.html

Oder Sie tun können, ist Zero-Zwischenablage zu verwenden. Es verwendet einen unsichtbaren Flash-Film und bietet eine JavaScript-Schnittstelle für den Zugriff auf die Zwischenablage.

Andere Tipps

Dies funktioniert in Chrome. Hier ist ein anschauliches Beispiel Bilddaten in reinem JavaScript ohne Server unterstützt immer beteiligt: ?? http://strd6.com/2011/09/html5-javascript-pasting-image-data-in-chrome/

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top