Можем ли мы изменить размер изображения с помощью jquery?

Question

Можно ли загрузить изображение с URL-адреса и физически изменить размер изображения с помощью jquery без использования скрипта на стороне сервера? Я сделал много поиска, но не нашел решения.

Answer 1

Если вам нужно скачать вы можете использовать холст, как этот

HTML

<canvas id="c" width="200" height="150"></canvas> 
<a id="download">Download as image</a> 

Javascript

// Grab the Canvas and Drawing Context 
var canvas = document.getElementById('c'); 
var ctx = canvas.getContext('2d'); 
// Create an image element 
var img = document.createElement('IMG'); 
// Specify the src to load the image 
img.setAttribute('crossOrigin', 'anonymous'); 
img.src = "http://i.imgur.com/adB2oag.png"; 
// When the image is loaded, draw it 
img.onload = function() { 
    ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, canvas.width, canvas.height); 
} 

function downloadCanvas(link, canvasId, filename) { 
    link.href = document.getElementById(canvasId).toDataURL(); 
    link.download = filename; 
} 

document.getElementById('download').addEventListener('click', function() { 
    downloadCanvas(this, 'c', 'test.png'); 
}, false); 

положить изображение на холст и размер изображения, как вам нравится, и скачать холст как image

вы можете попробовать из этого jsFiddle