evilpie/gist:536024

## gistfile1.html
<!DOCTYPE html>
<html>
<head>
    <title>Image Preview</title>
</head>
<body>
<input type="file" id="picker" multiple="multiple">
<script type="text/javascript">
var picker = document.getElementById('picker');

function asncyLoader(fileReader, image) {
    return function () {
        image.src = fileReader.result;
        document.body.appendChild(image);
    };
}

picker.addEventListener('change', function () {
    var files = picker.files, file, i, img, fileReader;

    for (i = 0; i < files.length; i++) { // haha++ crackford
        file = files[i];

        if (file.type.match(/image.*/)){
            img = document.createElement('img');
            if (file.url) {
                img.src = file.url;
                document.body.appendChild(img);
            }
            else if ('FileReader' in window) {
                fileReader = new FileReader();
                fileReader.onload = asncyLoader(fileReader, img);
                fileReader.readAsDataURL(file);
            }
        }
    }
}, true);

</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Image Preview</title>
	</head>
	<body>
	<input type="file" id="picker" multiple="multiple">
	<script type="text/javascript">
	var picker = document.getElementById('picker');

	function asncyLoader(fileReader, image) {
	return function () {
	image.src = fileReader.result;
	document.body.appendChild(image);
	};
	}

	picker.addEventListener('change', function () {
	var files = picker.files, file, i, img, fileReader;

	for (i = 0; i < files.length; i++) { // haha++ crackford
	file = files[i];

	if (file.type.match(/image.*/)){
	img = document.createElement('img');
	if (file.url) {
	img.src = file.url;
	document.body.appendChild(img);
	}
	else if ('FileReader' in window) {
	fileReader = new FileReader();
	fileReader.onload = asncyLoader(fileReader, img);
	fileReader.readAsDataURL(file);
	}
	}
	}
	}, true);

	</script>
	</body>
	</html>