Добрый день.
Как предварительно посмотреть картинку не загружая её на сервер?

Почему то вот эта конструкция не выводит изображение img.src = file.readAsDataURL();

Подскажите в чём причина?



<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript" >
$(function(){
document.getElementById('fileInput').onchange = function () {
var img = document.getElementById('myimg');
var inputFile = document.getElementById('fileInput').files;
var file = inputFile[0];
alert (file.size);
img.src = file.readAsDataURL();
}
});
</script>


<input type="file" multiple="multiple" name="files" id="fileInput" accept="image" required="required" title="Необходимо выбрать минимум один файл"/>

<div id="info"></div>

<img id="myimg" src="#" style="width: 250px;">

в общей сложности не существует объект new FileReader()

пробуй это пример
https://developer[dot]mozilla[dot]org/ru[dot][dot][dot]er/readAsDataURL

Да именно это. Спасибо большое очень помогли

aleks3130, Fart, гораздо проще использовать URL.createObjectURL и потом URL.revokeObjectURL.

пример https://developer[dot]mozilla[dot]org/en[dot][dot][dot]o_display_images

IllusionMH, дело не в "проще"... разница в коде 1-2 строчки с пару английских слов. createObjectURL и FileReader имеют ведь разный принцип работы. ТС, выбрал с очисткой памяти.