玖叶教程网

前端编程开发入门

SSH框架 进行图片上传(详细图解,注释,让你一看就看得懂)

1.jsp代码 上传图片类型的 提交使用post提交 后面一点要写上这个 enctype="multipart/form-data"

<form name="upload" method="post" enctype="multipart/form-data" >

<a href="#" onclick="formSubmit('productAction_upload','_self');this.blur();">保存</a>

<tr>

<td class="columnTitle">产品图片:</td>

<td class="tableContent">

<!--上传图片、文件的代码--> <input type="file" name="upload" id="upload"

onchange="javascript:setImagePreview();">

<div id="localImag">

<img id="preview" width=-1 height=-1 style="diplay:none" />

</div>

</td>

</tr>

</from>

2.在Action中

//注意一定要记得定义这两个 private File upload 页面返回的上传数据。private String uploadFileName 文件名;

private File upload;//动作类上传的属性必须是file类型,upload为表单的name值

private String uploadFileName; //上传的文件名称,固定写法:name+FileName;

@Action(value="productAction_upload")

public String execute() throws Exception {

/*定义一个要保存到的路径 注意,如果想保存到项目中显示,直接更具路径找到自己想保存的地方,写上路径名就可以了,这里我是保存到我的一个项目下了,等会要在页面进行回显数据*/

String path = "E:ilcbs_server_web//src//main//webapp//images//upload//";

//判断路径名是否存在,不存在则创建 mkdir

File file = new File(path);

if(!file.exists()){

file.mkdir();

}

//将页面传过来的数据通过FileUtils 拷贝到我们刚刚定义的路径下

FileUtils.copyFile(upload, new File(file,uploadFileName));

//获取路径名+文件名的字符串:自己做测试用的可写可不写根据需求了

String file2 = new File(file,uploadFileName).toString();

System.out.println("文件名:"+uploadFileName);

System.out.println("file2:"+file2);

//想把图片在页面回显,因此自保存文件名到数据库就可以了 路径通过项目的相对路径来获取

//uploadFileName 就是文件名,不要赋值什么的直接 private String uploadFileName; 定义好getset 后就能获得上传的文件名

model.setProductImage(uploadFileName);//给数据库图片的属性名赋值ProductImage上图片名字

productService.saveOrUpdate(model);//调用保存方法保存数据

return "alist";

}

3.页面面回显

//style="width:50px;height:50px" 设置图片显示大小 如上我的图片保存到 //E://ilcbs_server_web//src//main//webapp//images //upload//中的 ,那么我直接用${pageContext.request.contextPath }获取到webapp目录下,后面再拼接目录名直到自己的文件名

<img style="width:50px;height:50px" src="${pageContext.request.contextPath }/images/upload/${o.productImage}" />

//这种方法提交的话,每次上传完后都不会立即在页面回显数据的 可以自己手动刷新项目,再刷新页面就可以了。想解决的话可以放到tomcat中,但是下次重启服务器会丢失数据,不想放进去的话可以配置下Eclipse,在设置中勾选refresh即可 。如下图:配置后就不需要刷新项目了,直接刷新页面即可。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言