是否可以上传并显示带有直接 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 中可以正常工作。