是否可以上传然后显示直接HTML的图像

时间:2012-06-20 18:19:52

标签: javascript jquery html plugins file-upload

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

我很感激没有对此的贬低或讽刺,这是一个简单的问题。

1 个答案:

答案 0 :(得分:2)

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

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

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