Javascript Html&；js不显示图像_Javascript

Javascript Html&；js不显示图像

javascript

Javascript Html&；js不显示图像,javascript,Javascript,所以问题是，我想创建一个img元素，它的src与insert文件相同，但它不起作用，我不知道为什么，下面是代码： <!DOCTYPE html> <html> <head> <title>HMM...</title> </head> <body> <input type="file" id="wowo"> <div id="dispImg"> </div> <button

所以问题是，我想创建一个img元素，它的src与insert文件相同，但它不起作用，我不知道为什么，下面是代码：

<!DOCTYPE html>
<html>
<head>
<title>HMM...</title>
</head>
<body>
<input type="file" id="wowo">
<div id="dispImg">
</div>
<button onclick="wp()">run</button>
<script>
window.URL = window.URL || window.webkitURL;
function wp() {
var file = document.getElementById("wowo").value;

var nopath = file.substring(12);
alert(nopath);

var crimg = document.createElement("img");
crimg.src = window.URL.createObjectURL(nopath);
crimg.height = 60;
crimg.onload = function() {
window.URL.revokeObjectURL(this.src);
}
document.getElementById("dispImg").appendChild(crimg);
}
</script>
</body>
</html>


隐马尔可夫模型。。。
跑
window.URL=window.URL | | window.webkitURL；
函数wp（）{
var file=document.getElementById（“wowo”）.value；
var nopath=file.substring（12）；
警报（nopath）；
var crimg=document.createElement（“img”）；
crimg.src=window.URL.createObjectURL（nopath）；
高度=60；
crimg.onload=函数（）{
window.URL.revokeObjectURL（this.src）；
}
document.getElementById（“dispImg”）.appendChild（crimg）；
}

谢谢。

您可以尝试以下代码：

function wp() {
   var files = document.getElementById("wowo").files;

   // FileReader support
   if (FileReader && files && files.length) {
       var crimg = document.createElement("img");
       var fr = new FileReader();
       fr.onload = function () {
           crimg.src = fr.result;
       }
       fr.readAsDataURL(files[0]);
       crimg.height = 60;

       document.getElementById("dispImg").appendChild(crimg);
     }
  }

这是一个演示

可能与