当前位置:  编程技术>java/j2ee

jsp中实现上传图片即时显示效果功能

    来源: 互联网  发布时间:2014-10-18

    本文导语:  代码如下: function setImagePreview() { var docObj=document.getElementById("doc"); var imgObjPreview=document.getElementById("preview"); if(docObj.files && docObj.files[0]){ //火狐下,直接设img属性 imgObjPreview.style.display = 'block'; imgObjPreview.style.width = '300px'; imgObjPrevi...

代码如下:


function setImagePreview() {
var docObj=document.getElementById("doc");
var imgObjPreview=document.getElementById("preview");
if(docObj.files && docObj.files[0]){
//火狐下,直接设img属性
imgObjPreview.style.display = 'block';
imgObjPreview.style.width = '300px';
imgObjPreview.style.height = '120px';
//imgObjPreview.src = docObj.files[0].getAsDataURL();
//火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式
imgObjPreview.src = window.URL.createObjectURL(/tech-java/docObj.files[0]);
}else{
//IE下,使用滤镜
docObj.select();
var imgSrc = document.selection.createRange().text;
var localImagId = document.getElementById("localImag");
//必须设置初始大小
localImagId.style.width = "250px";
localImagId.style.height = "200px";
//图片异常的捕捉,防止用户修改后缀来伪造图片
try{
localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
}catch(e){
alert("您上传的图片格式不正确,请重新选择!");
return false;
}
imgObjPreview.style.display = 'none';
document.selection.empty();
}
return true;
}





    
 
 

您可能感兴趣的文章:

  • 有没有在jsp中实现对tree型结构进行删除、插入操作
  • 怎么在JSP中实现框架中的查询?
  • JSP中实现系统登录后的退出原理及代码
  • 在JSP中实现文件上传的问题。
  • 如何在JSP页面中实现下载统计
  • 请教高手如何在jsp中实现图表功能?
  • 如何在jsp中实现下载功能啊?
  • 请问,类似于股市曲线那种,跟数据相关的曲线,怎么在JSP中实现?
  • 请问如何在JSP中实现SERVER PUSH。
  • 怎样在jsp中实现票据打印?
  • 在jsp页面中实现跳转的方式分享
  • 请问如何在jsp/servlet中实现上载文件!哪里有资料?
  • 如何在jsp页面中实现列表框?需要动态添加列表框的内容
  • 怎样在jsp中实现目录结构(就像csdn里的“系统功能“)
  • JSP中实现判断客户端手机类型并跳转到app下载页面
  • 怎么在JSP页面中实现翻页
  • 怎样在jsp中的两个下拉列表中实现数据连动?(数据从数据库读取)
  • ******"Servlet根据JSP视图的需求生成JavaBeans的实例并输出给JSP环境"如何实现上面这句话的效果??*******
  • 调试jsp的时如何实现像asp中的response.end的效果
  • JSP页面上用下横线代替文本框效果的代码
  • jsp dwr级联效果代码
  • json实现jsp分页实例介绍(附效果图)
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 请问JSP里面怎样实现上传WORD和EXCEL文件,上传之后如何在IE里面调用显示!!!
  • 需要JSP上传程序
  • 有关jsp上传服务器的问题,请教各位高手(一定给分!!!!!!!!)
  • JSP怎么上传文档到服务器以及如何删除?
  • 关于Jsp文件上传的问题
  • 用jsp做的网站怎么解决用户个人相片上传的问题?
  • 请问封装好的jsp上传组件有哪些?在哪里下载?jspsmartupload除外
  • 请教:怎么用JSP把图片上传到服务器SQL Server数据库?
  • JSP文件做好后如何上传?
  • 求救,JSP中文件的上传、下载问题
  • 如何用jsp实现文件上传?
  • jsp文件上传下载的组件smartupload如何用,哪有给50分??
  • 讨教:用jsp在linux下怎么做文件上传?
  • jsp文件上传smartupload到oracle数据库中没有longblob的数据类型如何处理的?
  • JSp的mySmartUpload组件上传文件后能不能取到客户机的地址?多谢 急
  • jsp种怎样获得上传文件的文件名?
  • 90分请教!为什么我写的JSP在本地测试正常,上传以后就不能用(提示资源不允许)
  • 请问那位高手能帮我解决在jsp中将本地文件上传到数据库服务器的一个字段中的问题
  • 老板催得急啊,各位好心人,帮帮忙吧如何在jsp中把word文档上传到oracle数据库
  • jsp中如何上传图片进数据库,并且读出来(快来啊,大兄们,笨苯,你在哪里呀,你在哪里:))
  • JSP中清空cookie代码参考
  • 现有1.jsp、2.jsp、3.jsp三个文件,我怎么在3.jsp文件中得到1.jsp中输入的值?
  • 一个框界网爷包含上下两个网页a1.jsp和a2.jsp,怎么实现a1.jsp自身不变且提交数据到下面的a2.jsp呢?不胜感激,急..
  • 请问jsp和serlet之间怎么通讯,jsp和jsp之间呢?
  • 请问<%@include file="abc.jsp"%>与<jsp:include page="abc.jsp"/>之间的差别
  • response.sendRedirect("index.jsp") 和 <jsp:forward page="index.jsp"/>的区别?
  • 想把一个jsp转到另一个jsp页面,要穿参数,中文的(jsp变量)。谁教教我?!
  • aaa.jsp有如下链接,当单击该链接时将id值传递给bbb.jsp,怎样在bbb.jsp中引用这个id值?
  • jsp+bean还是jsp+ejb还是jsp+servlet还是asp+activex好?
  • 谁能告诉我,怎么调试jsp程序呀!我在jsp中调用java,但是Tomcat这家伙只会给我报jsp文件出错。这可怎么办呀?
  • jsp中如何获得当前jsp文件所在的目录,用request.getServletPath()得到的路径含有jsp文件名,有没有办法得到目录(不含文件名)?


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3