Представить миниатюрное изображение страницы удаленного веб-сайта в ASP.NET MVC приложения

Question

Я был представлен со следующим требованием:

Пользователь хочет ввести ссылку в текстовое поле. Как только он нажимает кнопку «ОК», он хотел бы, чтобы миниатюра веб-сайта (только что введенная ссылка) была представлена ​​в div на текущей веб-странице. (Для простоты предположим, что ссылка существует)

Сайт написан на asp.net mvc и jquery. (мы не можем использовать управление asp.net)

Любые идеи будут очень полезными.

Заранее спасибо и будьте счастливы.

Answer 1

Возможно, вы найдете following article в CodeProject. В нем объясняется, как создать скриншот эскиза веб-сайта.

---

UPDATE:

Вот пример реализации. Начните с написания действия контроллера:

public ActionResult Thumbnail(string address) 
{ 
    // TODO: Read the article I've linked about this component 
    byte[] thumbnail = SomeSuperComponentThatTakesScreenShot(address); 
    return File(thumbnail, "image/jpeg"); 
} 

Теперь все, что осталось сделать сантехнику:

$(function() { 
    $('#preview').click(function() { 
     // When the preview button is clicked 
     // get the address that the user entered: 
     var address = $('#addressInput').val(); 

     // and generate a dynamic image inside a result div: 
     var previewUrl = '<%= Url.Action("thumbnail") %>?address=' + 
          encodeURIComponent(address); 
     $('#result').html('<img src="' + previewUrl + '" alt="thumbnail" />'); 

     // Cancel any default actions and stop event propagations on the 
     // #preview button/link 
     return false; 
    }); 
});