导航:首页 > 编程语言 > java图片的在线预览

java图片的在线预览

发布时间:2022-08-11 04:08:39

java如何实现上传图片到服务器,并预览图片

预览,不能简单的用<img>,然后把地址赋给src的,会出现浏览器不兼容问题
用css滤镜,像下面
document.getElementById("previewImg").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='" + o.value + "')";
至于如何上传,struts2很方便的

㈡ java 项目注册页面怎样使用filsh实现图片预览

functionpreviewImage(fileObj,imgPreviewId,divPreviewId){
varallowExtention=".jpg,.bmp,.gif,.png";//允许上传文件的后缀名document.getElementById("hfAllowPicSuffix").value;
varextention=fileObj.value.substring(fileObj.value.lastIndexOf(".")+1).toLowerCase();
varbrowserVersion=window.navigator.userAgent.toUpperCase();
if(allowExtention.indexOf(extention)>-1){
if(fileObj.files){//兼容chrome、火狐7+、360浏览器5.5+等,应该也兼容ie10,HTML5实现预览
if(window.FileReader){
varreader=newFileReader();
reader.onload=function(e){
document.getElementById(imgPreviewId).setAttribute("src",e.target.result);
}
reader.readAsDataURL(fileObj.files[0]);
}elseif(browserVersion.indexOf("SAFARI")>-1){
alert("不支持Safari浏览器6.0以下版本的图片预览!");
}
}elseif(browserVersion.indexOf("MSIE")>-1){//ie、360低版本预览
if(browserVersion.indexOf("MSIE6")>-1){//ie6
document.getElementById(imgPreviewId).setAttribute("src",fileObj.value);
}else{//ie[7-9]
fileObj.select();
if(browserVersion.indexOf("MSIE9")>-1)
fileObj.blur();//不加上document.selection.createRange().text在ie9会拒绝访问
varnewPreview=document.getElementById(divPreviewId+"New");
if(newPreview==null){
newPreview=document.createElement("div");
newPreview.setAttribute("id",divPreviewId+"New");
newPreview.style.width=document.getElementById(imgPreviewId).width+"px";
newPreview.style.height=document.getElementById(imgPreviewId).height+"px";
newPreview.style.border="solid1px#d2e2e2";
}
newPreview.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='"+document.selection.createRange().text+"')";
vartempDivPreview=document.getElementById(divPreviewId);
tempDivPreview.parentNode.insertBefore(newPreview,tempDivPreview);
tempDivPreview.style.display="none";
}
}elseif(browserVersion.indexOf("FIREFOX")>-1){//firefox
varfirefoxVersion=parseFloat(browserVersion.toLowerCase().match(/firefox/([d.]+)/)[1]);
if(firefoxVersion<7){//firefox7以下版本
document.getElementById(imgPreviewId).setAttribute("src",fileObj.files[0].getAsDataURL());
}else{//firefox7.0+
document.getElementById(imgPreviewId).setAttribute("src",window.URL.createObjectURL(fileObj.files[0]));
}
}else{
document.getElementById(imgPreviewId).setAttribute("src",fileObj.value);
}
}else{
alert("仅支持"+allowExtention+"为后缀名的文件!");
fileObj.value="";//清空选中文件
if(browserVersion.indexOf("MSIE")>-1){
fileObj.select();
document.selection.clear();
}
fileObj.outerHTML=fileObj.outerHTML;
}
}
<inputid="importFile"name="importFile"class="input04"type="file"onchange="previewImage(this,'imgHeadPhoto','divPreview')"/>
<divid="divPreview">
<imgid="imgHeadPhoto"src="<%=path%>/imges/outline.png" style="width:36px;height:36px;border:solid1px#F90;"
alt=""/>
</div>

㈢ java 图片预览问题

你把在服务器里生成好的静态代码发出来看一下
然后看看有什么区别

如果对您有帮助,请记得采纳为满意答案,谢谢!祝您生活愉快!

㈣ java中多张blob图片如何在前台预览,要求这些图片同时显示,最好有代码

//您好,提问者:

比如您后台查询的是个List集合数组,前台接受。

List<String>list=newArrayList<String>();//import你懂的
list.add("D:\xx.jpg");//我不是查询数据库,手动添加图片地址,你也懂的
list.add("D:\xx1.jpg");
//这个时候如果struts2的话list是public有setget的话肯定前台能拿到
//如果不是就放到request.setAttribute("list",list);中

这下面是页面代码:

<%
Listlist=request.getAttribute("list");
for(inti=0;i<list.size();i++){%>
<imgsrc="<%=list.get(i)%>"/>
<%}%>

㈤ Java获取本地图片,怎么在浏览器实现预览,注意是多张图片,通过io流的方式,,,具体实现求大神指教。

windows有自带视频播放 音频 播放 图片查看的、是一个空间、你上网络搜搜看、我忘了、很久没弄了、很简单的 传一个路劲就ok、路劲你就使用<input type="file" >获取

㈥ java上传图片本地预览最好有例子

<divid="localImag">

<imgid="preview"alt="预览图片"runat="server"style="width:200px;height:65px"/>

</div>

<asp:FileUploadonkeydown="returnfalse"onkeyup="returnfalse"ID="FileUpload1"

runat="server"Width="300px"onchange="setImagePreview(this,localImag,preview,'200px','65px');"/>
///<summary>
///上传文件
///</summary>
///<paramname="MyFile"></param>
///<paramname="dirPath">文件存储路径(相对路径)</param>
///<paramname="errorMsg">错误信息</param>
///<returns>文件名</returns>
(FileUploadAttachFile,stringdirPath,outstringerrorMsg)
{
stringfileMsg=CheckUploadFile(AttachFile);
//如果返回信息不为""则返回错误信息
if(!"".Equals(fileMsg))
{
errorMsg=fileMsg;
return"";
}
//获取文件名称,包含后缀
stringFileName=AttachFile.FileName;
//获取文件扩展名
stringExtenName=System.IO.Path.GetExtension(FileName);
//将后缀名称大写
stringupExtenName=ExtenName.ToUpper();
//获取上传文件存储相路径
stringRelativePath=dirPath;
//获取上传文件存储绝对路径
stringSavePath=System.Web.HttpContext.Current.Server.MapPath(RelativePath);
//远程用户ip地址
stringipStr=System.Web.HttpContext.Current.Request.UserHostAddress;
//判断存放文件夹是否存在
if(!Directory.Exists(SavePath))
{
//创建存放文件夹
Directory.CreateDirectory(SavePath);
}
//拼接成上传文件保存名称
stringSaveFileName=ipStr+"_"+DateTime.Now.ToString("yyyyMMddHHmmss")+ExtenName;
//生成文件上传全路径
stringSaveFilePath=SavePath+"/"+SaveFileName;
//将excel文件上传至服务器路径下
AttachFile.SaveAs(SaveFilePath);
errorMsg="";
returnSaveFileName;
}
functionshowUploadImg(flag){
if(flag==1){
document.getElementById("img_upload").style.display='';
}
else{
document.getElementById("img_upload").style.display='none';
}
}
functionsetImagePreview(docObj,localImagId,imgObjPreview,width,height){
if(docObj.files&&docObj.files[0]){
//火狐下,直接设img属性
imgObjPreview.style.display='block';
imgObjPreview.style.width=width;
imgObjPreview.style.height=height;
//火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式
imgObjPreview.src=window.URL.createObjectURL(docObj.files[0]);
}
else{
//IE下,使用滤镜
docObj.select();
varimgSrc=document.selection.createRange().text;
//必须设置初始大小
localImagId.style.width=width;
localImagId.style.height=height;
//图片异常的捕捉,防止用户修改后缀来伪造图片
try{
localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=imgSrc;
}
catch(e){
alert("您上传的图片格式不正确,请重新选择!");
returnfalse;
}
imgObjPreview.style.display='none';
document.selection.empty();
}
returntrue;
}

㈦ java实现图片预览功能,可以显示缩列图,具有上下页的功能求技术支持

把图片按照规定的比例压缩,然后保存至FTP,列表读取缩略图,单击显示原图。

/**
*压缩图片方法一(高质量)
*@paramoldFile将要压缩的图片
*@paramwidth压缩宽
*@paramheight压缩高
*@paramsmallIcon压缩图片后,添加的扩展名(在图片后缀名前添加)
*@paramquality压缩质量范围:<i>0.0-1.0</i>高质量:<i>0.75</i>中等质量:<i>0.5</i>低质量:<i>0.25</i>
*@parampercentage是否等比压缩若true宽高比率将将自动调整
*/
publicstaticvoidcompressImage(StringoldFile,intwidth,intheight,StringsmallIcon,
floatquality,booleanpercentage){
try{
Filefile=newFile(oldFile);

//验证文件是否存在
if(!file.exists())
thrownewFileNotFoundException("找不到原图片!");

//获取图片信息
BufferedImageimage=ImageIO.read(file);
intorginalWidth=image.getWidth();
intorginalHeight=image.getHeight();

//验证压缩图片信息
if(width<=0||height<=0||!Pattern.matches("^[1-9]\d*$",String.valueOf(width))
||!Pattern.matches("^[1-9]\d*$",String.valueOf(height)))
thrownewException("图片压缩后的高宽有误!");

//等比压缩
if(percentage){
doublerate1=((double)orginalWidth)/(double)width+0.1;
doublerate2=((double)orginalHeight)/(double)height+0.1;
doublerate=rate1>rate2?rate1:rate2;
width=(int)(((double)orginalWidth)/rate);
height=(int)(((double)orginalHeight)/rate);
}

//压缩后的文件名
StringfilePrex=oldFile.substring(0,oldFile.lastIndexOf('.'));
StringnewImage=filePrex+smallIcon+oldFile.substring(filePrex.length());

//压缩文件存放位置
FilesavedFile=newFile(newImage);

//创建一个新的文件
savedFile.createNewFile();

//创建原图像的缩放版本
Imageimage2=image.getScaledInstance(width,height,Image.SCALE_AREA_AVERAGING);

//创建数据缓冲区图像
BufferedImagebufImage=newBufferedImage(width,height,BufferedImage.TYPE_INT_RGB);

//创建一个Graphics2D
Graphics2Dg2=bufImage.createGraphics();

//重绘图像
g2.drawImage(image2,0,0,width,height,null);
g2.dispose();

//过滤像素矩阵
float[]kernelData={
-0.125f,-0.125f,-0.125f,
-0.125f,2,-0.125f,-0.125f,
-0.125f,-0.125f};
Kernelkernel=newKernel(3,3,kernelData);

//按核数学源图像边缘的像素复制为目标中相应的像素输出像素
ConvolveOpcOp=newConvolveOp(kernel,ConvolveOp.EDGE_NO_OP,null);

//转换像素
bufImage=cOp.filter(bufImage,null);

FileOutputStreamout=newFileOutputStream(savedFile);
JPEGImageEncoderencoder=JPEGCodec.createJPEGEncoder(out);
JPEGEncodeParamparam=encoder.getDefaultJPEGEncodeParam(bufImage);

//设置压缩质量
param.setQuality(quality,true);
encoder.encode(bufImage,param);

out.close();
System.out.println(newImage);
}catch(Exceptione){
e.printStackTrace();
System.out.println("压缩失败!"+e.getMessage());
}
}

㈧ 如何用java实现图片预览功能,求代码

使用两种不同的方法实现图片预览功能
Java代码
<BODY>
<script language="javascript">
function ShowImage(path){
document.all.divShow.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = path;
}
function test(){
document.all.showimg.src=document.all.file1.value;
}
</script>
<INPUT style="Z-INDEX: 101; LEFT: 232px; POSITION: absolute; TOP: 272px" type="file"onchange="ShowImage(this.value)">
<div id="divShow" style="FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);WIDTH:274px;HEIGHT:100px">
<input type="file" id="file1" onchange="test()"><br/>
<img id="showimg" style="width:200px;height:200px;">
</BODY>

㈨ 用java写上传图片时,怎么实现预览功能

图片上传后在网页上直接读取上传后的地址进行预览,就是说这个时候图片已经上传到服务器了,如果要写的严谨一些,可以在预览后进行保存操作,如果不保存,则再写一条语句把上传上去的文件删除

㈩ java中怎样实现附件在线预览

pageoffice可以在线打开word、excel文档
图片可以使用Viewer.js等开源框架
pdf可以通过swfTools将pdf文件转换成swf格式的文件然后使用FlexPaper在页面上显示

阅读全文

与java图片的在线预览相关的资料

热点内容
dos命令建文件夹命令 浏览:378
解压的密码htm被屏蔽 浏览:502
冬天太冷冰箱压缩机不启动怎么办 浏览:83
手机打开vcf需要什么编译器 浏览:910
加密磁盘后开机很慢 浏览:271
长沙智能云控系统源码 浏览:256
阿里云服务器如何设置操作系统 浏览:999
超级命令的英文 浏览:782
做账为什么要用加密狗 浏览:586
考研群体怎么解压 浏览:156
linux修改命令提示符 浏览:226
圆圈里面k图标是什么app 浏览:60
pdf加空白页 浏览:946
linux服务器如何看网卡状态 浏览:318
解压新奇特视频 浏览:707
图书信息管理系统java 浏览:554
各种直线命令详解 浏览:864
程序员泪奔 浏览:147
素材怎么上传到服务器 浏览:517
android百度离线地图开发 浏览:191