Можно ли использовать jquery для изменения размера изображения?

Question

Можно ли использовать JQuery для изменения размера изображения, которого нет на моем локальном сервере?

Допустим, у меня есть изображение на www.example.com/dir/images/myImage.jpg

И я хочу изменить размер изображения на моем сервере www.localhost.com

Это все еще будет работать?

Answer 1

Вы можете загрузить это изображение с сайта example.com и изменить масштаб , при котором оно будет отображаться на вашей странице, но вы не можете редактировать сам файл.Вы можете использовать теги height и width, которые прокомментировал Масуд, или использовать CSS для редактирования свойств width + height этого элемента.

Answer 2

Вы можете использовать jQuery, чтобы изменить его размер следующим образом:

$('img#imageidhere').css({
    'width':'xxx',
    'height':'yyy'
});

Однако это изменит только CSS, который не изменит размер самого изображения, как сказал Чазбот, этотолько изменит размер, в котором он представлен на вашей странице.

Я подумал, что это более подходящий ответ, так как вы спросили о jQuery, а он дал вам ответ в HTML и CSS.

Вот пример этого в действии: http://jsfiddle.net/qdWMv/

Руководство, какой метод использовать:

CSS:

Вы должны использовать CSS, чтобы изменить размер изображения, только если оно предназначено для отображения изображения на вашей странице, и вы не планируете его менять.(или если вы планируете изменить его, вы можете установить размер по умолчанию, используя стиль CSS на своей странице)

jQuery

Используйте jQuery, как я предложил, если высобираемся динамически изменять размер изображения на странице динамически по любой причине.

PHP

PHP - единственный метод, который изменит сам фактический файл,Так что если вам нужно по какой-либо причине изменить размер самого файла, используйте PHP.

Answer 3

Если на вашем сервере включен PHP5 и упаковщик потоков HTTP, скопировать его в локальный файл невероятно просто:

copy('http://somedomain.com/file.jpeg', '/tmp/file.jpeg');

ссылка из: Копировать изображение с удаленного сервера по HTTP
После копирования и загрузки изображения вы можете изменить его размер с помощью jquery image resizer
В основном я использую это jquery resizer

или вы также можете использовать jquery Генератор миниатюр..