Загрузка и предварительный просмотр изображения на стороне клиента без отправки назад - PullRequest
Новая
       5

Загрузка и предварительный просмотр изображения на стороне клиента без отправки назад

1 голос
/ 12 июня 2010

Мне нужно загрузить изображение, а затем просмотреть его, не отправляя обратно, так как мне нужно иметь элемент управления загрузкой файлов (даже HTMLinputfile или ASPfileupload), затем пользователь будет выбирать изображение после выбора (просмотра), там будет кнопка (HTMLInputButton) ), который сохранит загруженное изображение и просмотрит его.

У меня есть следующий код: 

<div>
    <input id="UploadInput" type="file" value="Upload" />
    <br />
    <input id="PreviewBtnInput" type="button" value="Preview" onclick="ShowPreview()" /> 
    <br />
    <img id="ImgUploaded"  />
</div>

Так, как я могу сделать эту задачу?

Заранее спасибо за любой ответ, но, если у кого-то есть ссылка на статью, в которой говорится об этой проблеме, пожалуйста, мне нужен четкий код, а не детали статьи.

Ответы [ 2 ]

2 голосов
/ 14 октября 2010

Вы можете использовать упомянутый ниже проект для предварительного просмотра изображения перед загрузкой. Рабочий образец также прилагается.

http://www.dotnetspider.com/resources/40858-Preview-Image-before-uploading-using.aspx

При этом для загрузки изображения используются AsyncFileUploadControl и HTTPHandler AjaxControlToolKit.

1 голос
/ 12 июня 2010

Для предварительного просмотра изображений перед их загрузкой на сервер вам потребуется использовать загрузчик файлов на основе Flash-, Silverlight-, ActiveX- или Java-апплетов.Сам ввод файла не позволяет вам взаимодействовать с самим файлом и отображать его на вашей веб-странице.Использование его само по себе потребует от вас загрузки файла на сервер, где вы можете затем обратиться к нему с помощью URL-адреса (либо непосредственно в виде файла, либо через HTTPHandler).Если у вас должен быть предварительный просмотр перед публикацией, вы должны искать существующий продукт, который будет обрабатывать это на стороне клиента для вас.Быстрый Google для загрузки файлов на основе флэш-памяти , вызвал это , это и это в результатах.

...