easyui获取图片路径_EasyUI实现图片的上传后与其他文本框的提交以及DataGrid中图片的展示...

图片即文件，在jsp中文件上传很简单，一个type为file的input，一个form指定enctype为multipart/form-data，通过post提交到后台利用apache的commons-fileupload.XXjar即可实现。EasyUI的filebox组件也是用来进行文件上传的，但我这里的业务需求不仅仅是图片上传，还有其他文本框的提交，所以需要文件上传后再点击保存。界面展示图片是在数据列表中，因此需要小图，点击图片后再展示大图。

因为这里支付截图上传后需跟另一个支付流水的文本框一起在form里提交，因此需要多加一个文件上传按钮来先进行图片的上传：

选好图片后点击图片上传：

传好后点击保存，支付流水和截图将一起入库。再看数据列表的展示：

鼠标点击小图展示大图：

这里上传和展示就一起说明了：

先看html，首先datagrid中我们设置列头时执行支付截图需要通过imgFormatter方法进行格式化：

支付流水

支付截图

再看点击编辑时弹出的form：

支付信息