File Upload Image Preview Option 2

Not as good as other options., but works.

by Matthew Schenker

HTML

<input type="file" id="files1" name="image_upload1" /><br />
<output id="list1"></output>

JavaScript

document.getElementById('files1').addEventListener('change', handleFileSelect, false);

function handleFileSelect(evt) {
    var files = evt.target.files;
    var f = files[0];
    var reader = new FileReader();

    reader.onload = (function (theFile) {
        return function (e) {
            document.getElementById('list1').innerHTML = ['<img src="', e.target.result, '" title="', theFile.name, '" width="50" />'].join('');
        };
    })(f);

    reader.readAsDataURL(f);
}