项目中会经常实现文件上传功能,比如在前台页面中设置上传文件按钮,后台保存文件至服务器,操作完成后前台展示上传结果,如上传成功或者上传失败信息。使用MultipartFile可以很容易的实现文件上传功能。
使用spring的MultipartFile上传文件时,后台java代码中引入该类
import org.springframework.web.multipart.MultipartFile;
1 html页面中设置上传图片按钮
在前台页面中需要设置上传按钮,如下代码所示,我们将文件按钮放在一个form中,当提交的时候,form会按action中的值提交到服务器端的方法,这里的enctype类型设置为 multipart/form-data 格式。callback 控件来标识回调的方法
2 js中编写回调方法、表单提交方法
在js方法中,编写回调函数的内容,来处理服务器上传图片后的操作。然后提交form表单,这样from表单内容就提交到服务器中了。
var _fnName = "__uploadCallback" + (newDate()).getTime();
Y.one("#callback").set("value", _fnName);
window[_fnName]= Y.bind(function(result) {if(!result.success) {//显示上传失败的原因等错误信息
}else{//显示上传成功的信息
}
}
Y.one("#backImage").set("action",Y2.meta.rootPath + "/home/prin