Javascript 是否可以上传并显示带有纯HTML的图像

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

---

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

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

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

<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>

... 后来。。。
if（window.webkitURL）{
//支持WebKit浏览器
window.URL=window.webkitURL；
}
$（“#我的文件输入”）.change（函数（ev）{
var data=window.URL.createObjectURL（ev.target.files[0]）；
$（“我的图像”）.attr（“src”，数据）；
});

---

这不能保证跨浏览器工作，因为

window.URL

是HTML5的一项新功能，但它在Firefox和Chrome/Safari中运行良好。

我可能误解了你的问题。如果没有任何服务器端代码，您怎么可能将图像上载到服务器？（或者：为什么您将JS和jQuery描述为“服务器端代码”？）只要我在那里有一个图像。。。试图掌握“我的文件输入”和“我的图像”。我定义的是什么？它们分别是用于文件输入标记和图像标记的CSS选择器。我更新了我的示例以获得它们，您可以将选择器更改为您喜欢的任何选项。如果您是jQuery新手，这可能会有所帮助：