Das Jcrop Image Plugin kann die Benutzeroberfläche zum Zuschneiden anzeigen und die zugeschnittenen Koordinaten im Browser abrufen. Allerdings ist es nicht Ernte das Bild. Daher wird der Beschneidungsprozess auf dem Server durchgeführt, was ziemlich schlecht für die Serverleistung ist.
Die Antwort here führt eine Jcrop Erweiterung, die das Bild im Browser beschneidet und Uploads die Bild an den Server abgeschnitten. "Es verwendet das Jcrop-Plugin zum Zuschneiden von Bildern, zum Zeichnen des zugeschnittenen Bereichs im HTML 5-Canvas-Element, zum Konvertieren der Leinwand in einen Blob und zum Hochladen der Bilddatei auf den Server von AJAX".
Der wichtigste Teil ist die canvasToBlob-Funktion, die das HTML 5-Canvas-Element in einen Blob-Typ konvertiert, der als Bilder auf den Server hochgeladen werden kann. Leider funktioniert diese Methode nur in AJAX und kann kein Formular direkt senden, da das Blob nicht als Standarddatei in das HTML-Formularelement eingegeben werden kann. In Wirklichkeit verwenden wir Formulare selten, um Bilder direkt beim Zuschneiden einzureichen.
Ich würde das zweite. Siehe http://towardsnext.wordpress.com/2009/04/13/crop-image-in-aspnet-using-jcrop-jquery/ für ein Tutorial, das es in MVC verwendet. –
Ja jcrop ist gut zum Zuschneiden, aber Sie müssen das gesamte Bild hochladen, bevor Sie es zuschneiden, würde ich gerne wissen, ob es etwas gibt, das das Bild auf dem Client zuschneiden wird, bevor es an den Server – Omu
Zuschneiden Clientseite würde einige benötigen Art von Plugin, wie Flash oder Silverlight (Sie können es nicht über JavaScript). –