2014-09-19 5 views
14

Qualcuno può consigliare una direttiva decrittatore di immagine decente per Angularjs? Ho visto alcuni là fuori e non riesco a trovare molto di nulla. Qualcuno ha trovato uno che usa quello che gli piace?Angular JS Image Crop Directive

Attualmente utilizziamo il caricamento file angolare (https://github.com/danialfarid/angular-file-upload) per caricare i file, quindi sarebbe bello se funzionasse con questo.

+0

ho scritto un post sul confronto alcune delle direttive ritaglio immagine qui sopra: https://lingohub.com/blog/2016/03/ angularjs-directives-image-cropping/ Ho anche funzionato con upload di file angolari, c'è anche un collegamento nell'articolo con la soluzione. –

risposta

18

si potrebbe provare ngImgCrop che è fantastico! è molto più di un cropper di immagini! e non vedo alcun problema usarlo con upload di file angolari!

evviva!

+3

Ho guardato questo e non sembra funzionare bene sui dispositivi mobili. Quando seleziono un'immagine da ritagliare sul mio iPhone utilizzando Chrome, l'immagine diventa davvero distorta. Lo usi per cellulari o ti degradi a un altro componente? – nweg

+0

sfortunatamente non l'ho provato su un dispositivo mobile, ma non si può semplicemente usare a seconda della risoluzione, o usare una dimensione fissa per l'anteprima dell'immagine, un'altra soluzione potrebbe essere quella di ritagliare l'immagine sul lato server, non è l'ideale ma assicurerai che tutte le dimensioni dell'immagine saranno coerenti –

+0

Stiamo andando a quella rotta. Useremo questa direttiva nel nostro layout "desktop" e poi la rimuoveremo sui nostri layout "mobili". Questa direttiva sembra funzionare in tutti i browser "moderni", quindi funzionerà per noi. – nweg

4

Attualmente sto utilizzando il ritaglio di immagini angolari di Andy's. È bello e ha buone caratteristiche.

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

unico inconveniente, non supporta per la macchina fotografica. Stai bene.

Cheers, -/Sammi

+0

javascript promise è stato utilizzato, cosa che non funzionerà con le versioni precedenti dei browser. Ad esempio, non funzionerà in Android 4.4.2 e sotto – Satheesh

+0

, suppongo che stiamo parlando di sviluppo web in questo thread. – Sammi

+0

come caricare l'immagine ritagliata su un server usando questa direttiva di andyshora. –