【阅读本文前提】
您了解Nutz框架(刚刚接触Nutz,对此还不熟悉),想要使用Nutz的文件池和上传功能;
想实现一个上传文件或者图片的功能。
【正文】
1.怎么在项目中使用Nutz框架,这里就不说了,具体可查看:
http://code.google.com/p/nutz/wiki/nutz_preface?tm=6
2.前台
上传图片(我这里是实现的上传图片的功能)的前台页面代码:
<form name="addphotoForm" action="addPhoto.action" method="post" onsubmit="return validateForm(this)" enctype="multipart/form-data"> <input type="hidden" name="albumId" value="${obj}"> <table class="default" width="100%"> <tr class="title"> <td colspan="2">填写相片信息</td> </tr> <tr> <td class="item"><@m.mustMark/>相片名称</td> <td><input type="text" name="photoName" emptyInfo="请输入相片名称。" size="50" maxLen="50" lengthInfo="相片名称最大长度不能超过50字符。"></td> </tr> <tr> <td class="item">相片描述</td> <td><textarea name="description" size="50" maxLen="300" lengthInfo="相片描述最大长度不能超过300字符。" rows="5" cols="51"></textarea></td> </tr> <tr> <td class="item"><@m.mustMark/>上传相片</td> <td ><input type="file" name="photoFile" size="50" emptyInfo="请选择要上传的资源文件!"></td> </tr> <tr> <td></td> <td> <input type="submit" name="submit" value="确定" class="btn"> <input type="reset" name="reset" value="重置" class="btn"> </td> </tr> </table> </form>
注意:
上传页面的表单,action="addPhoto.action",这里的 addPhoto.action 的后缀是什么无所谓(原因查看Nutz框架的文档),addPhoto 是上传图片的入口函数。
enctype="multipart/form-data" ,这个必须要写的,不解释。
3.配置文件
为了实现上传图片的功能,我使用了Nutz自带的上传适配器:UploadAdaptor,使用了ioc的方式(怎么配置ioc,这里就不说了),具体配置文件如下:
ioc文件夹下,添加一个名称为 myUpload.js 的文件(名称无所谓,随便起),里面的内容如下:
var myUploadIoc = { utils : { type : 'com.mm.util.MyUtils', fields : { sc : {app:'$servlet'} // 将 ServletContext 对象注入 MyUtils } }, tmpFilePool : { type : 'org.nutz.filepool.NutFilePool', // 临时文件最大个数为 1000 个 args : [ {java:'$utils.getPath("/tmp")'}, 1000 ] }, uploadPicFileContext : { type : 'org.nutz.mvc.upload.UploadingContext', singleton : false, args : [ { refer : 'tmpFilePool' } ], fields : { // 是否忽略空文件, 默认为 false ignoreNull : true, // 单个文件最大尺寸(大约的值,单位为字节,即 1048576 为 1M) maxFileSize : 1048576, // 正则表达式匹配可以支持的文件名 nameFilter : '^(.+[.])(gif|jpg|png)$' } }, myPicUpload : { type : 'org.nutz.mvc.upload.UploadAdaptor', singleton : false, args : [ { refer : 'uploadPicFileContext' } ] } };
注意:
com.mm.util.MyUtils 是自己定义的一个工具类,为了得到上传地址,内容如下:
package com.mm.util; import javax.servlet.ServletContext; /** * 用于上传ioc : myUpload.js * */ public class MyUtils { private ServletContext sc; public String getPath(String path) { return sc.getRealPath(path); } }
tmpFilePool 是Nutz的文件池;
java:'$utils.getPath("/tmp")' 这个是指明了上传的图片的地址是:项目根目录下的tmp目录下;
gif|jpg|png 限制了上传文件的格式。
4.后台代码
其实就是上传模块的入口函数代码:
/** * 添加照片 * @param albumId 相册ID * @param req */ @At("/photo/pho/addPhoto") @Ok("fm:/common/execute_result.ftl") @AdaptBy(type = UploadAdaptor.class, args = { "ioc:myPicUpload" }) public void addPhoto(@Param("..")NutMap nm,HttpServletRequest req){ //log.info("NutMap:"+nm); TempFile tf = (TempFile)nm.get("photoFile"); File f = tf.getFile(); //FieldMeta meta = tf.getMeta(); //String oldName = meta.getFileLocalName(); //log.info("文件绝对路径:"+f.getAbsolutePath()+",原来的名称:"+oldName); String str = f.getPath(); int one = str.indexOf(Constants.UPLOAD_FILE_DIRECTORY_NAME); str = str.substring(one); //log.info("文件的相对路径:"+str); long albumId = (long)nm.getInt("albumId"); String photoName = (String)nm.get("photoName"); String description = (String)nm.get("description"); Photo photo = new Photo(); photo.setAlbumId(albumId); photo.setPhotoName(photoName); photo.setDescription(description); photo.setCreateDate(TimeUtil.getNowTime("yyyy-MM-dd")); // photo.setPhotoUrl(f.getAbsolutePath()); photo.setPhotoUrl(str); getServiceManager().getPhotoService().insert(photo); setExecuteResult(null); addMessage("添加照片成功!"); addRedirURL("返回", "@back"); addRedirURL("照片列表", "photoList.html?albumId="+String.valueOf(albumId)); req.setAttribute(EXECUTE_RESULT, getExecuteResult()); }
注意:
上传表单的内容全部用 NutMap 来接收了;
@AdaptBy(type = UploadAdaptor.class, args = { "ioc:myPicUpload" }) ,这句是关键配置,注意myPicUpload要和ioc里面的相对应;
注意使用相对路径,否则会出现意想不到的问题(就是在使用本地路径访问项目的时候,上传的照片可以显示,使用实际路径访问项目的时候就不能显示上传的照片了)。
Constants.UPLOAD_FILE_DIRECTORY_NAME ,这个是一个字符串 tmp ,这个一定要和ioc里面配置的路径一致,原因不解释。
解释到这里,我想大家应该明白了吧(有什么写的不好的地方,欢迎指教)。