Изменение размеров изображения на стороне браузера
Давно искал способ изменить размер изображения на стороне клиента, чтобы большие фотографии не гнать на сервер и не тратить его ресурсы (на недорогом хостинге оперативной памяти мало для сложных манипуляций). И вот второй раз забросил невод сделал запрос в поисковик, я наткнулся на интересное обсуждение на StackOverflow. Немножко усовершенствовав код, получил такую функцию. function resizeImage(url, targetWidth, targetHeight) { var img = document.createElement("img"); img.src = url; var zoom = targetWidth / img.width; var canvas = document.createElement("canvas"); canvas.width = img.width * zoom; canvas.height = img.height * zoom; var ctx = canvas.getContext("2d"); ctx.scale(zoom, zoom); ctx.drawImage(img, 0, 0); var base64 = canvas.toDataURL("image/jpeg"); return base64; }