Как вывести вид картинки загруженной через форму?

Question

[Alex Mirgorodskiy]

Народ, не знаю кому даже с таким вопросом) Думаю Javascript? Короче добавляю картинку через input type file, добавляется, но вижу только название, как взглянуть на нее перед тем как добавить? Я нашел такой скриптик,

//Вывести загруженную картинку
// function showFile(e) {
//     var files = e.target.files;
//     for (var i = 0, f; f = files[i]; i++) {
//         if (!f.type.match('image.*')) continue;
//         var fr = new FileReader();
//         fr.onload = (function(theFile) {
//             return function(e) {
//                 jQuery('#img_up>img').attr("src",e.target.result);
//                 j('#img_up').css('opacity','1');
//             };
//         })(f);
//
//         fr.readAsDataURL(f);
//     }
// }
//
// document.getElementById('files').addEventListener('change', showFile, false);

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

Answer 1

[Stalker_RED]

Примеры попроще, посложнее

Смысл один и тот-же
1. получаем список файлов (FileList)
2. читаем их при помощи FileReader
3. показываем превью

Comments

[Alex Mirgorodskiy]

Спасибо братан, то что нужно)!

[Александр]

согласен)