Как в input вывести изображение добавляемых файлов?

Question

[blackbb]

Есть такой скрипт:

var fileField = document.getElementById('id_files');
var preview = document.getElementById('preview');
fileField.addEventListener('change', function(event) {
    for(var x = 0; x < event.target.files.length; x++) {
        (function(i) {
            var reader = new FileReader();
            var img = document.createElement('img');
            reader.onload = function(event) {
                img.setAttribute('src', event.target.result);
                img.setAttribute('class', 'preview');
                preview.appendChild(img);
            }
            reader.readAsDataURL(event.target.files[x]);
        })(x);
    }
}, false);

Он добавляет превью загружаемых изображений через

<input id="id_files" multiple="multiple" name="files" type="file">
<div id="preview">
         <img id="preview">
</div>

Как сделать превью к загружаемым файлам? Т.е. если это не изображение, а какой либо файл. Например, при загрузке файла типа .doc к нему добавлялось изображение, лежащее на сервере.