2014-09-19 11 views
14

Kann mir jemand eine anständige Image-Cropper-Anweisung für Angularjs empfehlen? Ich habe ein paar da draußen angeschaut und kann von nichts viel finden. Hat jemand einen gefunden, den sie benutzen, den sie mögen?Angular JS Image Crop Direktive

Wir verwenden derzeit angular-Datei-Upload (https://github.com/danialfarid/angular-file-upload), um Dateien hochzuladen, so wäre es schön, wenn es damit klappt.

+0

ich einen Blog-Post über einige der hier erwähnten Bildernte Richtlinien zu vergleichen schrieb: https://lingohub.com/blog/2016/03/ angularjs-directives-image-cropping/ Ich habe es auch mit eckigen Datei-Upload funktioniert, gibt es auch einen Link in dem Artikel mit der Lösung. –

Antwort

18

können Sie versuchen, ngImgCrop, die es ist super! es ist viel mehr als nur ein Image-Cropper! und ich sehe kein Problem mit eckigen Datei-Upload!

Prost!

+3

Ich habe mir das angesehen und es scheint nicht gut auf mobilen Geräten zu funktionieren. Wenn ich ein Bild auswähle, das auf meinem iPhone mit Chrome zugeschnitten wird, wird das Bild sehr schlecht verzerrt. Verwenden Sie dies für mobile oder degradieren Sie zu einer anderen Komponente? – nweg

+0

leider habe ich es nicht auf einem mobilen Gerät versucht, aber man kann einfach nicht je nach Auflösung verwenden, oder eine feste Größe für die Bildvorschau verwenden, eine andere Abhilfe könnte sein, das Bild auf der Serverseite zu beschneiden, es ist aber nicht ideal Sie werden sicherstellen, dass alle Bildgrößen konsistent sein werden –

+0

Wir werden diesen Weg gehen. Wir werden diese Anweisung in unserem "Desktop" -Layout verwenden und sie dann auf unseren "mobilen" Layouts entfernen. Diese Direktive scheint in allen "modernen" Browsern zu funktionieren, also wird es für uns funktionieren. – nweg

4

Ich verwende derzeit Angular Image Crop von Andy's. Es ist cool und hat gute Eigenschaften.

http://andyshora.com/angular-image-cropper.html

ziehen nur zurück, es ist nicht für die Kamera nicht unterstützt. Ruhe gut.

Cheers, -/Sammi

+0

JavaScript-Versprechen wurde verwendet, die in älteren Versionen von Browsern nicht funktionieren. ZB funktioniert es nicht in Android 4.4.2 und unter – Satheesh

+0

Ich denke, wir sprechen über Web-Entwicklung in diesem Thread. – Sammi

+0

Wie lädst du ein zugeschnittenes Bild mit dieser Direktive von andyshora auf einen Server hoch. –