Показать изображение с диска
 

Здравствуйте.

Пользователь выбирает изображение через <input type='file'>
Уточните, пожалуйста, как показать изображение в тег <img> после события chang.

P.S. загружать изображение на сервер не надо.

Спасибо.

function handleFiles(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.createElement("img");
            img.classList.add("obj");
            img.file = file;
            $('#file').before(img); // Assuming that "preview" is a the div output where the content will be displayed.

            var reader = new FileReader();
            reader.onload = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img);
            reader.readAsDataURL(file);

            var form = new FormData();
            form.append('photoCategory', file);

            var xhr = new XMLHttpRequest();
            xhr.onload = function(data) {
                console.log(data.currentTarget.responseText);
                console.log("Отправка завершена");
            };
            xhr.open("post", "/adminpro/File_Upload", true);
            xhr.send(form);
        }
    }

Спасибо!

на всякий случай
http://caniuse.com/filereader

niko42,
http://javascript.ru/forum/dom-windo...tml#post262697

http://javascript.ru/forum/dom-windo...tml#post263319