`

Java上传图片并查看

    博客分类:
  • Java
阅读更多

Java上传图片并查看

 

一.配置tomcat:

在tomcat的server.xml配置文件的<Host></Host>标签下加以下内容:

<Context debug="0" docBase="E:/images" path="/showImages" reloadbale="true"/>
<Context docBase="projectName" path="/projectName" reloadable="true" source="org.eclipse.jst.jee.server:projectName"/>

 

二.编写上传图片、解析图片路径代码:

//上传照片
	public String uploadImage() {
		// 获取当前用户
        SysUserAccounts sysUserAccounts = SessionUtil.getSysUserAccounts(getSession());
        cusStdCustarchives = customerArchivesBL.getCustomerArchivesByAccountId(sysUserAccounts.getRelationId());
        try {
        	// 初期化信息提示
            msg = "";
            String fileName;
            boolean flg = false;
            // 定义显示的消息
            StringBuilder uploadMsg = new StringBuilder();
            if (uploadImage != null) {
                for (int k = 0; k < uploadImage.size(); k++) {
                    if (uploadImage.get(k) == null || uploadImage.get(k).equals("")) {
                        uploadMsg.append("上传文件不能为空,请检查! <br>");
                        break;
                    } else {
                        flg = true;
                    }
                }
            } else {
                uploadMsg.append("上传文件不能为空,请检查!<br>");
            }
            if (flg) {
                // 把得到的文件的集合通过循环的方式读取处理
                for (int i = 0; i < uploadImage.size(); i++) {
                    String time = new SimpleDateFormat("yyyyMMddHHmmssSSS").format(new Date());
                    // 获取上载文件的文件名称
                    fileName = uploadImageFileName.get(i);
                    // 获取上载文件的扩展名
                    String fileNameExtension = fileName.substring(fileName.lastIndexOf(".")).toLowerCase();
                    // 文件格式CHECK
                    if (fileNameExtension.equals(".jpg") || fileNameExtension.equals(".gif")
                        || fileNameExtension.equals(".png")) {
                        if (fileName != null) {
                            // 存放在盘下面的文件名称
                            String fileNmae2 = time + fileNameExtension;
                            // 把上传的文件写到指定的路径中
                            File filepath = new File(getText("filepath") + File.separator + cusStdCustarchives.getRelationId());
                            // 如果指定的路径没有就创建
                            if (!filepath.exists()) {
                                filepath.mkdirs();
                            }
                            // 数值格式化
                            DecimalFormat df = new DecimalFormat("#.00");
                            ins = new FileInputStream(uploadImage.get(i));
                            // 文件大小不能大于10M
                            if (ins.available() < 1024 * 1024 * 5) {
                                List<CusStdFile> checkList = fileBL.getUploadFileCheckByCustomerRelationId(cusStdCustarchives.getRelationId(), fileName);
                                if (checkList.size() < 1) {
                                    double result = (double) ins.available() / 1024;
                                    BigDecimal filesize = new BigDecimal(df.format(result));
                                    // 添加文件到数据库中
                                    CusStdFile uploadFile = new CusStdFile();
                                    uploadFile.setClassifyId(cusStdCustarchives.getRelationId());
                                    uploadFile.setModeId(modeId);
                                    uploadFile.setStatus(1);
                                    uploadFile.setFileName(fileName);
                                    uploadFile.setUniqueName(fileNmae2);
                                    uploadFile.setFileurl(filepath.getAbsolutePath());
                                    uploadFile.setFileSize(filesize);
                                    uploadFile.setFileType(fileType);
                                    uploadFile.setCreater(sysUserAccounts.getUsername());
                                    uploadFile.setCreateTime(new Date());
                                    fileBL.savaFile(uploadFile);
                                    // list集合通过get(i)的方式来获取索引
                                    FileUtils.copyFile(uploadImage.get(i), new File(filepath + "/", fileNmae2));
                                    uploadMsg.append("文件: " + fileName + " 上传成功  <br>");
                                } else {
                                    uploadMsg.append(fileName + "  已存在,请更换文件名再上传! <br>");
                                }
                            } else {
                                uploadMsg.append("文件大小大于5M,请检查 !<br>");
                            }
                        }
                    } else {
                        uploadMsg.append("文件格式不正确,请检查!<br>");
                        break;
                    }
                }
            }
            // /显示上载文件的操作成功消息
            msg = uploadMsg.toString();
            uploadImage = null;
            return SUCCESS;
        } catch (Exception e) {
            return ERROR;
        }
        
	}

 

三.jsp:

<form id="uploadFileform"
    action="$!{request.contextPath}/loan/uploadImage" method="post"
    enctype="multipart/form-data" >
    <center>
      <label id="Header" cssClass="HeaderText" value="图片上传" />
      <hr style="size: 1" />
      <p id="FileList">
	<input id="uploadImage" value="2" type="file" name="uploadImage" size="50" />
	<img src="$!{request.contextPath}/images/lend/close.png" class="closea">
      </p>
					
      <hr style="size: 1" />
      <p>温馨提示:只允许上传.jpg .gif .png 后缀的图片</p>
      <p style="color:green;">(请务必上传真实证件照片或图片 否则不会通过认证)</p>
      <p>
       <input class="btn btn-primary" type="button" value="继续添加" onclick="newFile()" />
       <input class="btn btn-primary" type="button"  value="上传图片" onclick="uploadImages();"/>
      </p>
      <hr style="size: 1" />
      </center>
      <p align="center">
        <span class="GbText" style="width: 100%; color: red;"></span>
      </p>
      <input type="hidden"  name="fileType" id="codeID" />
      <input type="hidden" name="modeId" value="Obj0000009" />
</form>

 

四.js脚本:

<script>
		
		function deleteNode(obj) {
		 var parent = obj.parentNode;
         if(parent){
         	parent.remove();
         }
		}
	
		function newFile() {
			$("#FileList").append('<p><input id="uploadImage" value="" type="file" name="uploadImage" size="50" /><a href="javascript:void(0);" onclick="deleteNode(this)" ><img src="$!{request.contextPath}/images/lend/close.png" class="closea"></a></p>');
		}
		
		function setCode(code,title) {
			$("#uploadTitle").html(title);
			$("#FileList").html('<p><input id="uploadImage" value="" type="file" name="uploadImage" size="50" /><a href="javascript:void(0);" onclick="deleteNode(this)" ><img src="$!{request.contextPath}/images/lend/close.png" class="closea"></a></p>');
			$("#codeID").val(code);
		}
		
		function showImage(imageUrl,title) {
			$("#authImage").attr("src", imageUrl);		
			$("#imageTitle").html(title);		
		}
	
		function uploadImages() {
    		var str = $("#uploadImage").val();
			if(str.length!=0){
				var reg = ".*\\.(jpg|png|gif|JPG|PNG|GIF)";
				var r = str.match(reg);
				if(r == null){
					alert("对不起,您的图片格式不正确,请重新上传");
				}
				else {
					if(window.ActiveXObject) {
    					var image=new Image();
      					image.dynsrc=str;
    					if(image.fileSize>5243000){
    						alert("上传的图片大小不能超过5M,请重新上传");
    						return false;
    					}
    				}
    				else{
    					var size = document.getElementById("uploadImage").files[0].size;
    					if(size>5243000) {
    						alert("上传的图片大小不能超过5M,请重新上传");
    						return false;
    					}
    				}
					$('#uploadFileform').submit();
				}
			}
			else {
				alert("请先上传图片");
			}
    	}

		
    </script>

 

 

 

五.页面上显示图片:

<img src="showImages/2014070005656/20140724100548048.png" />

 

 

六.图片存储位置:


 

 

 

七.网站界面:


 

  • 大小: 24.7 KB
  • 大小: 11.3 KB
分享到:
评论
1 楼 sunhuwh 2014-09-04  
代码不全。。。

相关推荐

    java实现图片上传并显示

    5. **保存文件路径**:在数据库中保存上传图片的路径。创建一个表来存储这些信息,包括用户的ID、图片文件名和路径。 6. **显示图片**:在前端页面上,使用`&lt;img&gt;`标签显示图片。图片的`src`属性应指向保存在数据库...

    java上传图片到aws s3

    java上传图片到aws s3,最近因为项目原因,需要将程序下载到本地的图片上传到aws s3提供给国外的客户使用,文件为我使用的详细代码

    Java实现图片上传

    在IT行业中,图片上传功能是Web应用和移动应用中非常常见的一种需求,特别是在社交媒体、电商、博客等场景下。本文将深入探讨如何使用Java来...通过理解并掌握这些知识点,我们可以构建出稳定、安全的图片上传功能。

    java实现批量上传图片

    在Java编程环境中,批量上传图片是一项常见的功能,尤其在Web应用中,如社交媒体、电子商务或者图库管理系统等。本项目提供了完整的代码实现,使得开发者能够快速集成到自己的开发工具中,实现用户友好的批量图片...

    java上传图片后立即将图片显示出来

    综上所述,"java上传图片后立即将图片显示出来"这一功能的实现涉及到Java的文件上传处理、IFrame技术的运用、前端JavaScript的交互以及服务器端的文件管理和安全控制等多个方面。理解这些关键点对于开发高质量的Web...

    java上传图片至服务器并且返回下载URL

    总结来说,实现"java上传图片至服务器并且返回下载URL"的功能,主要涉及HTTP文件上传、文件存储、路径管理、响应处理和安全性控制等多个方面,结合Servlet、Spring等相关技术可以有效地完成这一任务。在开发过程中,...

    java 上传图片生成缩略图

    本篇文章将基于提供的代码片段详细讲解如何使用Java来实现上传图片并自动生成缩略图的功能。 #### 核心知识点概述 1. **读取与获取文件路径**:利用`HttpServletRequest`对象获取服务器上的文件存储路径。 2. **...

    java图片上传、控制大小、宽度高度和图片裁剪并保存

    在Java编程中,图片处理是一项常见的任务,包括图片的上传、尺寸控制、宽高调整以及裁剪和保存等操作。这些功能在Web应用、图像处理软件或者数据分析项目中都有广泛的应用。下面我们将深入探讨如何使用Java实现这些...

    java实现上传网络图片到微信临时素材

    在上面的代码中,我们使用了 `HttpURLConnection` 类来发送 POST 请求到微信服务器,并上传图片文件。我们还使用了 `DataOutputStream` 类来输出文件流。 知识点 3:边界设置 在上传文件时,我们需要设置边界,...

    java实现图片上传预览

    这个功能允许用户在上传图片之前查看其效果,确保上传的图片符合预期。以下将详细介绍如何在Java环境中,结合ASP和JSP技术来实现这一功能。 首先,我们需要理解图片上传的基本流程。用户通过浏览器选择图片后,这些...

    Java上传图片到服务器

    Java上传图片到服务器 对于图片处理有两种: 一种是插入数据库;一种是上传到服务器上。

    java实现上传图片存入到数据库

    在Java编程中,将图片上传并存储到数据库是一项常见的任务,尤其在开发Web应用时。这一过程涉及到文件处理、数据库操作以及可能的图像处理。以下是对这个主题的详细阐述: 首先,我们需要理解基本的文件上传流程。...

    java上传图片到七牛云 七牛云 七牛 图片上传 demo JS java

    5. **自定义上传图片名称**:在生成Upload Token时,可以通过PutPolicy设置文件名。如果希望随机生成文件名,可以使用Java或JavaScript的随机字符串生成函数,例如在Java中: ```java String randomFileName = ...

    java上传图片完整deom

    这个"java上传图片完整deom"示例提供了一个简单的解决方案,它包含了一整套用于实现图片上传功能的代码。下面,我们将深入探讨这个示例中涉及的关键知识点。 1. **文件I/O操作**:在Java中,上传图片首先需要读取...

    上传图片和上传文件的java代码

    在Java编程语言中,文件上传是一项常见的功能,无论是图片还是其他类型的文件,都可以通过Java实现。这个场景下,我们主要探讨的是如何使用Java编写代码来完成这个任务。首先,我们需要理解HTTP协议中的POST请求,...

    java图片上传下载

    对于图片下载,主要涉及到从服务器读取图片并返回给客户端的过程: 1. **读取图片**:根据图片的存储路径,使用`FileInputStream`读取图片内容。 ```java File imageFile = new File("/path/to/upload/folder/" + ...

    java实现客户端上传图片到ftp服务器,nginx提供http服务下载图片

    在Java分布式项目中,涉及到客户端上传图片到FTP服务器并由Nginx提供HTTP服务进行图片下载,这是一个典型的文件传输和Web服务集成的场景。这里主要涉及三个关键知识点:Java FTP客户端编程、Nginx服务器配置以及Java...

    java 图片上传,可预览可剪切可缩放

    在Java开发中,图片上传、预览、剪切和缩放是常见的功能需求,尤其在Web应用中。这里,我们主要探讨如何实现这些功能,并基于`swfupload`这个库来构建一个完整的解决方案。 首先,`swfupload`是一个古老的Flash上传...

    java处理上传后的图片

    在现代Web应用中,用户上传图片的功能十分常见。为了优化用户体验并减轻服务器存储压力,通常会在图片上传后进行一系列处理,如压缩、缩放等。本文将重点介绍如何使用Java语言对上传的图片进行缩放处理。 #### 二、...

    java多图片上传、删除、预览,post提交

    在Java开发中,图片上传、删除和预览是常见的功能需求,尤其是在Web应用中。这里我们探讨的是如何利用Java和layui插件实现这些功能,并通过POST方法将数据提交到服务端。layui是一款流行的前端UI框架,它提供了丰富...

Global site tag (gtag.js) - Google Analytics