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

SSH框架 进行图片上传(详细图解,注释,让你一看就看得懂)1.jsp代码上传图片类型的提交使用post提交后面一点要写上这个enctype=”multipart/form-data”

大家好,欢迎来到IT知识分享网。

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即可 。如下图:配置后就不需要刷新项目了,直接刷新页面即可。

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

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/57386.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信