Question

JS如何获取FileUpload的绝对路径并显示图片

在用FileUpload做上传时，我想在选择图片后马上显示出图片，用了很多方法都不能解决，只能显示本地图片，不能显示客户端图片，估计是JS不能操作客户端数据，有人能告诉我好的解决方案吗？另外不希望通过修改浏览器的相关设置来解决！谢谢

Answer 1

js没有操作客户端的文件的权限的。如果不通过flash和activex来实现。那么只能先上传到服务器后再处理。

追问

没有具体的方法吗？上传后的图片是放在WEB-INF下，也不好取，现在主流网站使用的图片上传是什么技术？

Answer 2

ie8后就不支持本地显示图片了。微软说是为了安全。
想显示只有从后台取了。我早一阵子也跟你一样遇到这个问题

追问

没有具体的方法吗？上传后的图片是放在WEB-INF下，也不好取，现在主流网站使用的图片上传是什么技术？

Answer 3

<script type="text/javascript">

function preview5() {

var x = document.getElementById("file5");

if (!x || !x.value) return;

var patn = /\.jpg$|\.jpeg$|\.gif$/i;

if (patn.test(x.value)) {

var y = document.getElementById("img5");

if (y) {

y.src = "file://localhost/" + x.value;

} else {

var img = document.createElement("img"); img.setAttribute("src", "file://localhost/" + x.value);

img.setAttribute("width", "120");

img.setAttribute("height", "90");

img.setAttribute("id", "img5");

document.getElementById("form5").appendChild(img);

}

} else {

alert("您选择的似乎不是图像文件。");

}

}

</script>

<form name="form5" id="form5" method="post" action="#">

<input type="file" name="file5" id="file5" onchange="preview5()"/>

</form>

追问

谢谢，我之前用jquery也是类似获取，但是结果一样--不能显示图片