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

Здравствуйте, как я могу просмотреть изображение без загрузки на мой сервер в asp.net С#, и когда я увижу изображение, я должен нажать кнопку "Загрузить" для загрузки на сервер.

2 ответа

В браузере, поддерживающем HTML5, вы можете использовать объект FileReader для чтения файла от пользователей hdd как закодированная в base64 строка. Вы можете использовать это представление base64 с css, чтобы показать предварительный просмотр. В старых браузерах для этого вам понадобится flash или аналогичный код на основе плагинов.

Вот пример HTML5, который работает во всех современных браузерах:

Смотрите здесь скрипку


Да, это возможно.

HTML

JS

function showMyImage(fileInput) {
 var files = fileInput.files;
 for (var i = 0; i < files.length; i++) { 
 var file = files[i];
 var imageType = /image.*/; 
 if (!file.type.match(imageType)) {
 continue;
 } 
 var img=document.getElementById("thumbnil"); 
 img.file = file; 
 var reader = new FileReader();
 reader.onload = (function(aImg) { 
 return function(e) { 
 aImg.src = e.target.result; 
 }; 
 })(img);
 reader.readAsDataURL(file);
 } 
 }

Вы можете получить Live Demo отсюда.

licensed under cc by-sa 3.0 with attribution.