El complemento de imagen de Jcrop puede ser útil para mostrar la UI de recorte y obtener las coordenadas recortadas en el navegador. Sin embargo, en realidad no recortar la imagen. Por lo tanto, el proceso de recorte se realiza en el servidor, lo que es bastante malo para el rendimiento de su servidor.
La respuesta here introduce una extensión Jcrop el que recorta la imagen en el navegador y lo sube la imagen recortada al servidor. "Utiliza el complemento Jcrop para recortar imágenes, dibuja el área recortada en el elemento canvas de HTML 5, convierte el lienzo en un blob y carga el archivo de imagen al servidor mediante AJAX".
La parte más importante es la función canvasToBlob que convierte el elemento canvas de HTML 5 en un tipo Blob que puede cargarse en el servidor como imágenes. Desafortunadamente, este método solo funciona en AJAX y no puede enviar un formulario directamente, porque el blob no se puede colocar en el elemento de formulario HTML estándar como un archivo de entrada. En realidad, rara vez usamos el formulario para enviar imágenes directamente al recortarlas.
Me gustaría secundar esto. Consulte http://towardsnext.wordpress.com/2009/04/13/crop-image-in-aspnet-using-jcrop-jquery/ para obtener un tutorial que lo use en MVC. –
si jcrop es bueno para recortar, pero tiene que cargar toda la imagen antes de recortarla, me gustaría saber si hay algo que recorta la imagen en el cliente antes de enviarla al servidor – Omu
El lado del cliente de recorte necesitaría algunos tipo de complemento, como Flash o Silverlight (no puedes hacerlo a través de JavaScript). –