Как сделать функцию «Вставить и показать»

Question

Не знаете, как это назвать, но если вы видели на Facebook, когда вы вставляете http://www2.scandvision.se/oresund10/images/body-background-1.jpg, она масштабирует изображение вниз и показывает его, кроме ссылки, как сделать что-то вроде что.

Чтобы подробнее рассказать о том, как сделать коробку, вы вставляете что-то, а затем через 1-2 секунды она отображает изображение/в масштабированной форме, а также ссылку, которую вы вставили еще?

Как вы можете это сделать?

Answer 1

Это в основном загрузки изображения в IMG тега каждый раз, когда текст изменен

HTML:

<input id="txt1" type="text"> 
<img id="img1" width="50" height="50"> 

OnLoad/domready сценарий:

​document.getElementById("txt1")​.onchange = function(){ 
    document.getElementById("img1").src = this.value; 
}; 

Answer 2

1. Размесчение URL на стороне сервера скрипт (например, PHP или ASP)
2. Использование библиотеки обработки изображений на этом языке, чтобы масштабировать изображение до размера вы хотите
3. возвращающие URL (на вашем сайте), где можно изменить это изображение
4. Используйте этот возвращенный URL-адрес в JavaScript для создания тега <img />.