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)            }        }