JavaScript实现图片在线预览

本打算使用JQuery来实现的在线预览，但是由于使用的$('input[type=file]').val()获取的是假路径，而使用下面的语句获取的是文件名

$('input[type=file]').val().split('\\').pop()，所以改成使用JavaScript来实现

JavaScript源代码：

        window.onload = function () {
            var file = document.getElementById("btn_pre");
            file.onchange = function () {
                var img = document.createElement("img")
                img.src = window.URL.createObjectURL(file.files[0])
                img.onload = function () {
                    window.URL.revokeObjectURL(this.src)
                }
                document.body.appendChild(img)
            }
        }