使用js预览图片出现fakepath

s781112 2014-01-02 11:44:29
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
</head>
<script type="text/javascript">
// 显示图片的js
function viewimg(){
var imgup=document.getElementById("uploadimg");
var imgpath=getPath(imgup);
alert(imgpath);
//判断是否是图片格式
var imgname=imgup.value.substring(imgup.value.lastIndexOf("."),imgup.value.length)
imgname=imgname.toLowerCase()
if ((imgname!='.jpg')&&(imgname!='.gif')&&(imgname!='.jpeg')&&(imgname!='.png')&&(imgname!='.bmp')){
alert("请选择图片文件,谢谢!");
imgup.focus();
//清空file里面的值
imgup.select();
document.selection.clear();

}
else{
//显示图片
document.getElementById("sig_preview").innerHTML="<img src='"+imgpath+"' border=0 width=100 height=60>"
}
}
//该函数解决iE下路径问题。兼容ie6,7,firefox add by exceljava 2010-1-6
function getPath(obj){
if(obj){
if (window.navigator.userAgent.indexOf("MSIE")>=1){
obj.select();
return document.selection.createRange().text;
}else if(window.navigator.userAgent.indexOf("Firefox")>=1){
if(obj.files){
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}



</script>
<body>
<s:form action ="fileUpload" method ="POST" enctype ="multipart/form-data">
<s:file id="uploadimg" size="40" name="upload" onchange="viewimg()"></s:file>
<s:submit />
</s:form>

<!-- 显示的div -->
<div id="sig_preview"></div>
</body>
</html>


这是我写的代码,是参考别人的,网上也有很多解决fakepath的方法,都试过了,都没调试成功,这个代码里的getPath貌似没有起到作用。我用谷歌浏览器会出现fakepath,用火狐和ie11就根本不会alert东西出来。我这代码有什么改进方法吗。我不要网上的代码,很多都试过了。最好能给已经经过运行成功的。
...全文
24 点赞 收藏 回复
写回复
回复

还没有回复,快来抢沙发~

发动态
发帖子
Web 开发
创建于2007-09-28

5.2w+

社区成员

34.1w+

社区内容

Java Web 开发
社区公告
暂无公告