2012-06-30 6 views
6

Я хочу отобразить изображение перед загрузкой. Я пробовал следующий код, но он работает только в firefox.but, мне нужно заставить его работать в IE. Может ли кто-нибудь предложить мне лучший решение для this.I даю мой код ниже мог ни одну фигуру, где я пошел я гугле почти одно целое day.But не мог найти мое решение Вот мой кодПредварительный просмотр изображения перед загрузкой в ​​IE9

enter code here 

function loadname(img, previewName) { 
     var isIE = (navigator.appName == "Microsoft Internet Explorer"); 
     var path = img.value; 
     var ext = path.substring(path.lastIndexOf('.') + 1).toLowerCase(); 
     if (ext == "gif" || ext == "jpeg" || ext == "jpg" || ext == "png") { 
      if (isIE) { 
       alert(path); 
       $('#' + previewName).attr('src', path); 
      } else { 
       if (img.files[0]) { 
        var reader = new FileReader(); 
        reader.onload = function (e) { 
         $('#' + previewName).attr('src', e.target.result); 
        } 
        reader.readAsDataURL(img.files[0]); 
       } 
      } 
     } 
    } 

Мой HTML является

<body><form method="post" > 
<input type="file" class="file" onchange="loadname(this,'previewimg')" id="file" /><img src="about:blank" name="previewimg" id="previewimg" alt="" style="width:2in; height:2in"/> 


</form> 

ответ

6

Из соображений безопасности IE9 не поддерживает rt для доступа к файлам на клиентском компьютере, поэтому вы не видите предварительного просмотра. Вам нужно будет загрузить изображение на свой сервер, а затем отобразить его.

VIEW птичье

Одним из способов может быть, что при загрузке, показать индикатор выполнения при использовании Ajax, чтобы сохранить файл во временную папку на сервере с именем изображения в качестве временного идентификатора и хранить идентификатор его в базе данных (чтобы вы могли удалить его позже), а затем отобразите его в элементе управления изображением. Если вам нужно удалить файл позже, просто удалите его с помощью идентификатора, или если вам нужно его сохранить, переместите его в папку с изображениями.

+0

Не могли бы вы предоставить мне пример того, как это сделать на стороне сервера? @Ashwin Singh – SahithiPinisetty

+0

Для этого вам нужно выполнить скрипты на стороне сервера. –

Смежные вопросы