我找到了这个更简单但功能强大的教程。它只是创建一个
img元素,并使用fileReader对象将其source属性分配为表单输入的值
function previewFile() { var preview = document.querySelector('img'); var file = document.querySelector('input[type=file]').files[0]; var reader = new FileReader(); reader.onloadend = function () { preview.src = reader.result; } if (file) { reader.readAsDataURL(file); } else { preview.src = ""; }}<input type="file" onchange="previewFile()"><br><img src="" height="200" alt="Image preview...">


