Как просмотреть изображение перед загрузкой, используя JavaScript или jquery? - PullRequest
Новая
       2

Как просмотреть изображение перед загрузкой, используя JavaScript или jquery?

2 голосов
/ 29 июля 2011

Мне просто нужно отобразить выбранное пользователем изображение (Обзор) перед загрузкой.Для этой цели я использую этот код:

JS 

function setImage(file) {
    if(document.all)
        document.getElementById('prevImage').src = file.value;
    else
        document.getElementById('prevImage').src = file.files.item(0).getAsDataURL();
    if(document.getElementById('prevImage').src.length > 0) 
        document.getElementById('prevImage').style.display = 'block';
}

HTML 

<img id="prevImage"  src=""  alt="" width="313" height="315" />
<input name="photo1" id="photo1" type="file" onchange="setImage(this);"  value="" class="input" size="17"/>

Этот код работаетнормально в Safari, Firefox 3,4,5, но не работает в Google Chrome 12 или выше и IE 8, 9.

Итак, скажите, пожалуйста, какое-нибудь решение по этим вопросам?

Iуже опробовали другое решение, приведенное на этом сайте, но они также не работают во всех основных браузерах.

, если у вас есть решение для этого кода или совершенно новый код, пожалуйста, сообщите мне.

Ответы [ 2 ]

1 голос
/ 29 июля 2011

Я нахожу полное решение от другого сообщения стека , здесь - это решение.

0 голосов
/ 07 июля 2014

Вы также можете использовать FileReader , который теперь является стандартным веб-API.

...