实现文件上传功能,并在页面上显示上传的图片

原创 2011年10月20日 01:58:33

struts.xml:

<package name="advance" extends="struts-default"
  namespace="/day04">
  <interceptors>
   <interceptor name="some" class="interceptor.SomeInterceptor"/>
  </interceptors>
    <action name="uploadform" >
   <result name="success">/WEB-INF/jsp/day04/uploadform.jsp</result>
  </action>
  <action name="upload" class="day04.UploadAction">
   <interceptor-ref name="fileUpload">
    <param name="maximumSize">1024000</param>
   </interceptor-ref>
   <interceptor-ref name="basicStack" />
   <result name="success">
    /WEB-INF/jsp/day04/uploadimage.jsp
   </result>
  </action>
 </package>


uploadform.jsp

<%@page pageEncoding="utf-8"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title></title>
	</head>
	<body>
		<h1>
			文件上传
		</h1>
		<s:form action="upload" method="post" theme="xhtml"
			enctype="multipart/form-data">
			<s:file label="File" name="some" />
			<s:submit value="提交" />
		</s:form>
		<br />
		<br />
		<br />
	</body>
</html>


uploadimage.jsp

<%@page pageEncoding="utf-8"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title></title>
	</head>
	<body>
		<h1>
			文件上传成功
		</h1>
		<img src="../${imagePath}" />
		<br />
		<br />
		<br />
	</body>
</html>


UploadAction.java:

package day04;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;

import org.apache.commons.io.IOUtils;

import outman.BaseAction;


public class UploadAction extends BaseAction {
	private File some;
	private String someFileName;
	private String someContentType;
	private String imagePath;
	public String execute() throws Exception{
		System.out.println(some);
		System.out.println(some.length());
		System.out.println(someFileName);
		System.out.println(someContentType);
		String imageName = "file_" + System.currentTimeMillis()
		+ someFileName.substring(someFileName.lastIndexOf("."));
		System.out.println(imageName);
		imagePath = "upload_image/" + imageName;
		String realImagePath = toRealPath(imagePath);
		System.out.println(realImagePath);
		BufferedInputStream is = new BufferedInputStream(new FileInputStream(
				some));
		BufferedOutputStream os = new BufferedOutputStream(
				new FileOutputStream(realImagePath));
		IOUtils.copy(is, os);
		is.close();
		os.close();
		return "success";
	}
	public File getSome() {
		return some;
	}
	public void setSome(File some) {
		this.some = some;
	}
	public String getSomeFileName() {
		return someFileName;
	}
	public void setSomeFileName(String someFileName) {
		this.someFileName = someFileName;
	}
	public String getSomeContentType() {
		return someContentType;
	}
	public void setSomeContentType(String someContentType) {
		this.someContentType = someContentType;
	}
	public String getImagePath() {
		return imagePath;
	}
	public void setImagePath(String imagePath) {
		this.imagePath = imagePath;
	}
}

 

jsp 上传附件,类似163添加附件界面,有上传进度显示

  • 2012年09月02日 11:23
  • 1.08MB
  • 下载

实现:上传图片后再把图片显示到页面上去

kindeditor还是没学好,很多功能都只是
  • sunhuwh
  • sunhuwh
  • 2014年05月21日 04:09
  • 19021

上传图片预览JS脚本 Input file图片预览的实现示例

需要一个用户上传头像预览的功能,因此写了一段上传图片预览JS脚本,Input file图片预览的实现,需要的朋友可以看看 在深圳做项目的时候,需要一个用户上传头像预览的功能!是在网上找了...
  • ikscher
  • ikscher
  • 2016年04月13日 09:25
  • 2791

如何在wordpress任何一个页面调用“插入图片”按钮,实现上传图片功能

最近在开发uedsc新主题的时候,需要普通用户能上传自己的作品到网站,大家都知道,wordpress的会员是分了角色的,只有作者级别的用户才能够上传附件,那么如何在wordpress任何一个页面调用“...
  • jinyeweiyang
  • jinyeweiyang
  • 2014年09月23日 13:05
  • 1185

jsp/html页面图片上传并展示上传的图片

之前做过一个项目,有一个功能是图片上传并且展示图片,尝试过其他的方法,但会有一个问题,那就是在IE8上图片并不能下常展示,所以便用以下方法来上传图片,很好的解决了此问题,步骤如下: 1.上传图片页面...
  • u012255097
  • u012255097
  • 2017年08月21日 00:27
  • 1777

商城项目实战21:实现图片上传功能

上文我们使用FastDFS-Client进行了简单的文件上传操作测试,淘淘商城项目中添加商品时上传图片的功能还没实现,如下图所示。本文将花大量笔墨来教大家如何实现图片上传这个功能。  我们来看下...
  • xxssyyyyssxx
  • xxssyyyyssxx
  • 2017年06月02日 09:54
  • 1422

weex开发实战(8)--在weex页面实现图片上传

不同于移动端原生开发,当开发者使用weex移动开发时,使用第三方SDK比较棘手。因为第三方的JS SDK是无法直接拿来使用的,环境不同。必须使用原生SDK,下面我介绍一下自己是如何在weex开发时(安...
  • qianzu1872
  • qianzu1872
  • 2017年02月07日 13:42
  • 2624

项目中第一次做图片上传和下载功能过程>>>

也是刚参加工作不久,被分配一个需求是做图片的上传和下载。项目是基于SSH框架的,对于不熟悉struts2和hibernate框架的我的实现过程就开始了。 当然我是从页面做起,首先在原本写好的页面表单中...
  • yijingchao
  • yijingchao
  • 2016年02月27日 14:46
  • 3479

把图片文件存入oracle数据库 然后读取并显示在jsp页面

//后台处理 转换成byte数组然后存入数据库 在实体中定义的时候要要定义成byte[]数组 数据库定义为 blob字段 //定义一个读取文件的方法 如下 //前台放置位置 ...
  • fenfenguai
  • fenfenguai
  • 2017年01月06日 17:11
  • 395

文件上传,并在页面上查看

1、显示上传页面index.php http://www.w3.org/TR/html4/loose.dtd"> Insert title here    上传...
  • ahzxj2012
  • ahzxj2012
  • 2012年11月21日 11:55
  • 172
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:实现文件上传功能,并在页面上显示上传的图片
举报原因:
原因补充:

(最多只允许输入30个字)