導航:首頁 > 編程語言 > 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圖片的在線預覽相關的資料

熱點內容
崑山ug數控編程培訓 瀏覽:519
integer類源碼 瀏覽:819
java排序的時間復雜度 瀏覽:859
伺服器陣列卡壞了怎麼維修 瀏覽:537
shm演算法 瀏覽:520
可愛的程序員陸漓離開 瀏覽:608
如何把掃描文件做成pdf格式 瀏覽:625
php個性qq源碼 瀏覽:821
初學c語言顯示源未編譯 瀏覽:247
資產概況源碼 瀏覽:472
dos命令建文件夾命令 瀏覽:380
解壓的密碼htm被屏蔽 瀏覽:503
冬天太冷冰箱壓縮機不啟動怎麼辦 瀏覽:85
手機打開vcf需要什麼編譯器 瀏覽:912
加密磁碟後開機很慢 瀏覽:273
長沙智能雲控系統源碼 瀏覽:260
阿里雲伺服器如何設置操作系統 瀏覽:1001
超級命令的英文 瀏覽:784
做賬為什麼要用加密狗 瀏覽:586
考研群體怎麼解壓 瀏覽:159