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 中运行良好。