Представить миниатюрное изображение страницы удаленного веб-сайта в приложении asp.net mvc

Question

Мне предъявлено следующее требование:

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

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

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

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

Answer 1

Вы можете найти следующую статью в CodeProject полезной.Он объясняет, как создать миниатюру скриншота веб-сайта.

---

ОБНОВЛЕНИЕ:

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

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;
    });
});