javascript - 是否可以上传并直接使用 HTML 显示图像

Question

这不是一个我要发布代码的问题，而只是一个关于是否可以上传图像然后在没有服务器端代码的情况下显示该图像的问题(使用 JS 或 Jquery 的直接 HTML...或任何其他可用的插件)。我是一个 .Net 和 Java 人员，在 MVC、ASP 和 JSP 方面拥有丰富的经验，但我想知道这是否可以做到。我已经找了好几个小时了，没有看到任何东西，但我知道一定有办法。我已经尝试过 JotForm 和 DropBox，但还没有想出任何办法。

我希望不要对此投反对票或讽刺，这是一个简单的问题。

Answer 1

简短回答:不。没有任何服务器端语言，就没有上传。

但是可以使用以下代码在客户端显示图像:

<input type = "file" id = "my-file-input" />
<img src = "" alt = "" id = "my-image" />

... later ...

<script>
if (window.webkitURL){
  // support for WebKit browsers
  window.URL = window.webkitURL;
}
$("#my-file-input").change(function (ev){
  var data = window.URL.createObjectURL(ev.target.files[0]);

  $("#my-image").attr("src", data);
});
</script>

这不能保证跨浏览器工作，因为 window.URL 是一项新的 HTML5 功能，但它在 Firefox 和 Chrome/Safari 中工作正常。