时间戳

首页 > 解决方案 > 图片加载不出来。我用的是jpg，没有错别字

html - 图片加载不出来。我用的是jpg，没有错别字

问题描述

我一直在尝试从我的硬盘加载图像，但它不会显示。老实说，我不知道自己在做什么，因为我是 HTML 新手

刚开始学习HTML

<img src="SPQR.img.jpg" alt="SPQR">

标签： html

解决方案

Your should try to do like this: 

<!DOCTYPE html>
<html>
<body>

<input type="file" onchange="readURL(this);" />
<img id="image" with="100" height="100" src="#" alt="image name" />

<script>
function readURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    reader.onload = function (e) {
        document.getElementById("image").setAttribute("src",e.target.result);
    };
    reader.readAsDataURL(input.files[0]);
  }
}
</script>
</body>
</html>

推荐阅读