скрипт показывает миниатюры перед загрузкой фото

Добрый день уважаемые форумчане.

Есть скрипт который показывает миниатюры перед загрузкой фото на сервер.

<script type="text/javascript">
function fch(f) {
var fls = f.files;
if(!fls || !fls.length || !FileReader){return;}
var fr = new FileReader();
fr.onload = function() {
var im = new Image();
im.src = this.result;
var d = document.getElementById('imgp');
d.replaceChild(im, d.firstChild);
};
fr.readAsDataURL(fls[0]);
}
</script>



<input type="file" onchange="fch(this);" />
<div id="imgp">img</div>



Скрипт работает только для одного фото.

1.Подскажите, пожалуйста, как сделать, чтобы он работал для несколько фото?
Например 5 фото.

2.До выбора фото он показывает "img", как скрыть текст "img"?

С ув.

Пример потестить можете тут. Сам код:

Огромное спасибо.
С ув.

Все работает, только на сервер отправляет только одну фотографию

Поле файлов с параметром multiple создает массив файлов, посему и обрабатывать на сервере их надо как массив (напр., через цикл). К тому же, надо знать, как вы их отправляете ajax-ом или обычным способом. Если ajax, то показывайте соответствующий код.