Extjs4文件上传

最新推荐文章于 2023-08-24 10:18:00 发布
最新推荐文章于 2023-08-24 10:18:00 发布
阅读量4.1k 收藏 3
点赞数

用springMVC来做项目，如果遇到文件上传，那么一定要用spring自带的文件处理类来处理上传的文件，因为效率实在高过其他的。

从界面传过来的参数，如果设置了值对象，那么可以从值对象里面取出字符串类型的普通参数，如果不这样做，也可以直接从request里面获得，两种方法都可以。

问题是如果值对象里面写了其他类型的变量，妄想像Struts2那样处理，springMVC就会报出400 Bad Request的错误。

在Struts2里面，我们可以定义一个值对象为

  1. public class ImageVo {
  2. private String roomnumber;
  4. private File image1 ;
  5. private File image2 ;
  6. 　　private File image3 ;
  7. }
复制代码

然后在后台从前台传过来的值对象里面取出image1……，那就是一个文件流了，非常好处理上传文件。但springMVC只能接受全部为string类型的字符串值，那么该怎么做呢？


前台Extjs4代码：

  1. /**
  2. * 图片添加
  3. * @type {Ext.form.Panel}
  4. */
  5. var addImageForm = new Ext.form.Panel({
  6. border: false, bodyPadding: 5, id: 'addImageForm',height:350,
  7. fieldDefaults: {labelWidth: 80, labelSeparator: ": ", anchor: '95%'},
  9. items: [
  10. {xtype:'fieldset',title:'图片上传', collapsible:true,
  11. items:[
  12. {
  13. xtype:'textfield',
  14. fieldLabel: '房间号码',
  15. name: 'roomnumber',
  16. id: 'roomnumber1',
  17. allowBlank: false,
  18. maskRe: /[\d]/,
  19. reegx: /[\d{4}]/,
  20. minLength: 4,
  21. maxLength: 4,
  22. emptyText: '请输入四位的房间号码（前两位代表楼层，后两位代表房间号）',
  23. regexText: '请输入正确的房间号码',
  24. //验证该房间号码是否存在 !
  25. listeners: {
  26. blur: function (e, t, eOpts) {
  27. var roomnumber = e.rawValue;
  28. if(roomnumber.length == 4){
  29. Ext.Ajax.request({
  30. method: 'post',
  31. params: {roomnumber: roomnumber},
  32. url: '/room/findroomhold',
  33. callback: function (options, success, response) {
  34. var jsonString = Ext.JSON.decode(response.responseText);
  35. if (jsonString.success) {
  37. } else {
  38. Ext.Msg.alert('警告', jsonString.msg);
  39. }
  40. }
  41. });
  42. }
  43. }
  44. }
  45. },{
  46. xtype:'filefield',
  47. fieldLabel:'上传图片1',
  48. name:'image1',
  49. id:'image1',
  50. buttonText:'',
  51. buttonConfig:{iconCls:'upload'},
  52. listeners:{
  53. change:function(btn, value, eOpts){
  54. var img_reg = /\.([jJ][pP][gG])小贝$|\.([jJ][pP][eE][gG])小贝$|\.([gG][iI][fF])小贝$|\.([pP][nN][gG])小贝$|\.([bB][mM][pP])小贝$/;
  55. if ( img_reg.test(value) ) {
  56. var img = Ext.getCmp('img1');
  57. var file = btn.fileInputEl.dom.files[0];
  58. var url = URL.createObjectURL(file);
  59. img.setSrc(url);
  60. } else {
  61. Ext.Msg.alert('提示', '请选择图片类型的文件！');
  62. return ;
  63. }
  64. }
  65. }
  66. },{
  67. xtype:'filefield',
  68. fieldLabel:'上传图片2',
  69. name:'image2',
  70. id:'image2',
  71. buttonText:'',
  72. buttonConfig:{iconCls:'upload'},
  73. listeners:{
  74. change:function(btn, value){
  75. var img_reg = /\.([jJ][pP][gG])小贝$|\.([jJ][pP][eE][gG])小贝$|\.([gG][iI][fF])小贝$|\.([pP][nN][gG])小贝$|\.([bB][mM][pP])小贝$/;
  76. if ( img_reg.test(value) ) {
  77. var img = Ext.getCmp('img2');
  78. var file = btn.fileInputEl.dom.files[0];
  79. var url = URL.createObjectURL(file);
  80. img.setSrc(url);
  81. } else {
  82. Ext.Msg.alert('提示', '请选择图片类型的文件！');
  83. return ;
  84. }
  85. }
  86. }
  87. },{
  88. xtype:'filefield',
  89. fieldLabel:'上传图片3',
  90. name:'image3',
  91. id:'image3',
  92. buttonText:'',
  93. buttonConfig:{iconCls:'upload'},
  94. listeners:{
  95. change:function(btn, value){
  96. var img_reg = /\.([jJ][pP][gG])小贝$|\.([jJ][pP][eE][gG])小贝$|\.([gG][iI][fF])小贝$|\.([pP][nN][gG])小贝$|\.([bB][mM][pP])小贝$/;
  97. if ( img_reg.test(value) ) {
  98. var img = Ext.getCmp('img3');
  99. var file = btn.fileInputEl.dom.files[0];
  100. var url = URL.createObjectURL(file);
  101. img.setSrc(url);
  102. } else {
  103. Ext.Msg.alert('提示', '请选择图片类型的文件！');
  104. return ;
  105. }
  107. }
  108. }
  109. }
  110. ]
  111. },{xtype:'fieldset',title:'图片预览',layout:'column',defaults:{width:130},
  112. items:[
  113. {xtype:'image',id:'img1'},
  114. {xtype:'image',id:'img2'},
  115. {xtype:'image',id:'img3'}
  116. ]
  117. }
  118. ],
  119. dockedItems: [
  120. {
  121. xtype: 'toolbar', dock: 'bottom', ui: 'footer', layout: {pack: 'center'},
  122. items: [
  123. {text: '确认上传', disabled: true, formBind: true, handler: function () {
  124. var form = this.up('form').getForm();
  125. if (form.isValid()) {
  126. form.submit({
  127. url: '/image/add',
  128. method: 'post',
  129. submitEmptyText: false,
  130. waitMsg: '请稍等，系统正在帮您添加',
  131. success: function (form, action) {
  132. //Ext.Msg.alert('成功', "上传成功！");
  133. Ext.Msg.alert('成功', action.result.msg);
  134. },
  135. failure: function (form, action) {
  136. Ext.Msg.alert('失败', action.result.msg);
  137. //Ext.Msg.alert('失败', "上传失败");
  138. }
  139. })
  140. }
  141. }},
  142. {text: '重置', handler: function () {
  143. this.up('form').getForm().reset();
  144. }}
  146. ]
  147. }
  148. ]
  149. });
复制代码

如图：


后台的java代码，因为只有一个非文件类的值，所以直接放到了参数里面了。

  1. import com.lhx.hotel.model.Image;
  2. import com.lhx.hotel.service.ImageService;
  3. import org.springframework.beans.factory.annotation.Autowired;
  4. import org.springframework.stereotype.Controller;
  5. import org.springframework.web.bind.annotation.RequestMapping;
  6. import org.springframework.web.bind.annotation.ResponseBody;
  7. import org.springframework.web.multipart.MultipartFile;
  8. import org.springframework.web.multipart.MultipartHttpServletRequest;
  9. import org.springframework.web.multipart.commons.CommonsMultipartResolver;
  11. import javax.servlet.http.HttpServletRequest;
  12. import java.io.File;
  13. import java.io.IOException;
  14. import java.util.*;
  16. /**
  17. * Created by xin on 14-5-18.
  18. */
  19. @Controller
  20. @RequestMapping("/image")
  21. public class ImageController {
  23. Map<String,Object> outmap = new HashMap<String, Object>();
  25. @Autowired
  26. private ImageService imageService ;
  28. @RequestMapping("/add")
  29. @ResponseBody
  30. public Map<String,Object> add(String roomnumber, HttpServletRequest request) throws IOException {
  31. List<String> fileTypes = new ArrayList<String>();
  32. fileTypes.add(".jpg");
  33. fileTypes.add(".jpeg");
  34. fileTypes.add(".bmp");
  35. fileTypes.add(".gif");
  36. fileTypes.add(".png");
  37. //是否成功上传了文件
  38. boolean ishasuploadimage = false ;
  39. //成功上传了n个图像
  40. int imageNum = 0 ;
  41. /**
  42. * 想通过ImageVo imageVo,但需要全部是string类型
  43. * 并且没有其他什么参数，大材小用，舍弃
  44. * String roomnumber = imageVo.getRoomnumber();
  45. */
  46. String imagepath = request.getRealPath("/upload");
  47. CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(request.getSession().getServletContext());
  48. if (multipartResolver.isMultipart(request)){
  49. MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request ;
  50. //String roomnumber = multiRequest.getParameter("roomnumber");
  51. if (!"".equals(roomnumber) && roomnumber != null){
  52. int ronumber = Integer.valueOf(roomnumber) ;
  53. Iterator<String> iter = multiRequest.getFileNames();
  54. Image image = null ;
  55. while (iter.hasNext()){
  56. MultipartFile file = multiRequest.getFile((String)iter.next());
  57. //byte[] bytes = file.getBytes();
  58. //long size = file.getSize();
  59. //有上传文件的话，容量是大于0的。
  60. if (file.getSize() > 0){
  61. ishasuploadimage = true ;
  62. String imagename = file.getOriginalFilename();
  63. String ext = imagename.substring(imagename.lastIndexOf(".")) ;
  64. if (fileTypes.contains(ext)){
  65. //文件名为：房间号码 + image + 系统时间 + 后缀
  66. String fileName = roomnumber + "image" + System.currentTimeMillis() + ext ;
  67. image = new Image();
  68. image.setPhpath(fileName);
  69. image.setPhroomnumber(ronumber);
  70. File localFile = new File(imagepath,fileName);
  71. try {
  72. file.transferTo(localFile);
  73. imageService.insertSelective(image);
  74. imageNum ++ ;
  75. } catch (IOException e) {
  76. e.printStackTrace();
  77. outmap.put("success",false);
  78. outmap.put("msg","系统出错");
  79. return outmap ;
  80. }
  81. } else {
  82. outmap.put("success",false);
  83. outmap.put("msg","成功上传" + imageNum + "张图片，遇到不能上传的非图片类的文件而出错！");
  84. return outmap ;
  85. }
  86. }
  88. }
  89. } else {
  90. //这种情况很少见，除非直接在浏览器里面输入地址
  91. outmap.put("success",false);
  92. outmap.put("msg","没有对应的房间号");
  93. return outmap ;
  94. }
  96. }
  97. if (!ishasuploadimage){
  98. outmap.put("success",false);
  99. outmap.put("msg","没有上传文件");
  100. return outmap ;
  101. }
  102. outmap.put("success",true);
  103. outmap.put("msg","成功上传" + imageNum + "张图片！");
  104. return outmap ;
  106. }
  107. }
复制代码

这些代码是先写的，没什么注释，如果不是很看得懂，下面这个例子就详细点了


Extjs4前台代码：

  1. /**
  2. * Created by xin on 14-5-19.
  3. */
  5. var addStaffForm = new Ext.form.Panel({
  6. border: false, bodyPadding: 5, id: 'addStaffForm', height: 560,
  7. fieldDefaults: {labelWidth: 80, labelSeparator: ": ", anchor: '0', margin:'2 2 2 2'},
  8. items:[
  9. {
  10. xtype:'fieldset',
  11. defaultType: 'textfield',
  12. items: [
  13. {
  14. xtype: 'container',
  15. anchor: '-5',
  16. layout: 'column',
  17. items: [
  18. {xtype: 'textfield', width: 180, fieldLabel: "姓名", id: 'staffname', name: 'staffname',
  19. allowBlank: false, blankText: '姓名必须输入', emptyText: '请输入真实姓名'},
  20. {xtype: 'combobox', width: 180, fieldLabel: "性别", id: 'staffgender', name: 'staffgender', store: sexStore,
  21. valueField: 'text', value: '男', allowBlank: false, blankText: '请选择', labelAlign:'right',editable:false,
  22. listConfig: {
  23. getInnerTpl: function () {
  24. return "<img src='public/images/{id}.gif'/>{text}"
  25. }
  26. }}
  27. ]
  28. },
  29. {
  30. xtype: 'container',
  31. anchor: '-5',
  32. layout: 'column',
  33. items: [
  34. {xtype: 'textfield', fieldLabel: "职责", width: 180, id: 'staffprofession', name: 'staffprofession', emptyText: '请输入职责名称',
  35. allowBlank: false, blankText: '职责名称必须输入'},
  36. {xtype: 'textfield', fieldLabel: "部门", width: 180, id: 'staffdepartment', name: 'staffdepartment', allowBlank: false,labelAlign:'right'}
  37. ]
  38. },
  39. {
  40. xtype:'numberfield',
  41. fieldLabel: "月薪",
  42. id: 'staffsalary',
  43. name: 'staffsalary',
  44. anchor: '95%',
  45. step:50,
  46. maxValue:999999,
  47. allowBlank: true,
  48. minValue:0,
  49. negativeText:'月薪不能为负数',
  50. emptyText: '请填入月薪'
  52. },
  53. {
  54. xtype: 'fieldcontainer', fieldLabel: '电话', defaultType: 'textfield', layout: 'hbox', anchor: '95%',
  55. combineErrors: true,
  56. items: [
  57. {name: 'staffzone', id: 'staffzone', width: 50, emptyText: '区号', maskRe: /[\d]/, reegx: /[\d{3,4}]/,
  58. minLength: 3, maxLength: 4, regexText: '请输入正确的区号'},
  59. {xtype: 'label', text: '--'},
  60. {name: 'stafftelnumber', id: 'stafftelnumber', flex: 1, emptyText: '请输入电话号码', maskRe: /[\d]/, reegx: /[\d{7,8}]/,
  61. minLength: 7, maxLength: 8, regexText: '请输入正确的电话号码'}
  62. ]
  63. },
  64. {
  65. fieldLabel: '手机号码',
  66. name: 'staffmobile',
  67. id: 'staffmobile',
  68. allowBlank: true,
  69. anchor: '95%',
  70. maskRe: /[\d]/,
  71. reegx: /[\d{11}]/,
  72. minLength: 11,
  73. maxLength: 11,
  74. emptyText: '请输入手机号码',
  75. regexText: '请输入正确的手机号码'
  76. },
  77. {
  78. fieldLabel: '电子邮箱',
  79. name: 'staffemail',
  80. id: 'staffemail',
  81. allowBlank: true,
  82. anchor: '95%',
  83. emptyText: '请输入电子邮箱地址',
  84. vtype: 'email'
  85. },
  86. {
  87. xtype: 'fieldcontainer', fieldLabel: '地区', defaultType: 'combobox', layout: 'hbox', anchor: '95%',
  88. items: [
  89. {name: 'staffprovince', id: 'staffprovince', width: 90, emptyText: '请选择省', valueField: 'regionId', displayField: 'regionName',
  90. store: provinceStore, queryMode: 'local', triggerAction: 'all', selectOnFocus: true, forceSelection: true,editable:false,
  91. listeners: {
  92. change: function (f, newValue, oldValue) {
  93. var cityStore = Ext.data.StoreManager.lookup('cityStore');
  94. var city = this.up('form').getForm().findField('staffcity');
  95. var county = this.up('form').getForm().findField('staffcounty');
  96. if (newValue && newValue != oldValue) {
  97. city.setValue();
  98. county.setValue();
  99. cityStore.load({params: {parentId: newValue}});
  100. }
  101. }
  102. }
  103. },
  104. {name: 'staffcity', id: 'staffcity', width: 90, store: cityStore, emptyText: '请选择市', valueField: 'regionId',
  105. displayField: 'regionName',queryMode: 'local', triggerAction: 'all', selectOnFocus: true, forceSelection: true,
  106. editable:false,
  107. listeners: {
  108. change: function (f, newValue, oldValue) {
  109. var countyStore = Ext.data.StoreManager.lookup('countyStore');
  110. var county = this.up('form').getForm().findField('staffcounty');
  111. if (newValue && newValue != oldValue) {
  112. county.setValue();
  113. countyStore.load({params: {parentId: newValue}});
  114. }
  115. }
  116. }
  117. },
  118. {name: 'staffcounty', id: 'staffcounty', width: 90, store: countyStore, emptyText: '请选择区（县）', valueField: 'regionId',
  119. displayField: 'regionName',queryMode: 'local', triggerAction: 'all', selectOnFocus: true, editable:false,
  120. forceSelection: true}
  121. ]
  122. },
  123. {
  124. fieldLabel: '地址',
  125. name: 'staffpartaddress',
  126. id: 'staffpartaddress',
  127. allowBlank: true,
  128. emptyText: '请输入详细地址',
  129. anchor: '95%'
  130. },
  131. {
  132. xtype:'filefield',
  133. fieldLabel:'上传头像',
  134. name:'avatar',
  135. id:'avatar',
  136. anchor: '95%',
  137. buttonText:'',
  138. buttonConfig:{iconCls:'upload'},
  139. listeners:{
  140. change:function(btn,value){
  141. //是否是规定的图片类型
  142. var img_reg = /\.([jJ][pP][gG])小贝$|\.([jJ][pP][eE][gG])小贝$|\.([gG][iI][fF])小贝$|\.([pP][nN][gG])小贝$|\.([bB][mM][pP])小贝$/;
  143. if (img_reg.test(value)) {
  144. var img = Ext.getCmp('staffavatar');
  145. var file = btn.fileInputEl.dom.files[0];
  146. var url = URL.createObjectURL(file);
  147. img.setSrc(url);
  148. } else {
  149. Ext.Msg.alert('提示', '请选择图片类型的文件！');
  150. return ;
  151. }
  152. }
  153. }
  154. }
  155. ]
  156. },
  157. {
  158. xtype: 'fieldset',
  159. title: '图片预览', defaults: {margin:'1 1 1 100', width: 200,height:260},
  160. items: [
  161. {xtype: 'image', id: 'staffavatar',border: 2,
  162. style: {
  163. borderColor: 'blue',
  164. borderStyle: 'solid'
  165. }}
  166. ]
  167. }
  168. ],
  169. dockedItems: [
  170. {
  171. xtype: 'toolbar', dock: 'bottom', ui: 'footer', layout: {pack: 'center'},
  172. items: [
  173. {text: '添加', disabled: true, formBind: true, handler: function () {
  174. var form = this.up('form').getForm();
  175. if (form.isValid()) {
  176. form.submit({
  177. url: '/staff/add',
  178. method: 'post',
  179. submitEmptyText: false,
  180. waitMsg: '请稍等，系统正在帮您添加',
  181. success: function (form, action) {
  182. Ext.Msg.alert('成功', action.result.msg);
  183. //清除填过的内容
  184. //form.findField('guestname').setValue();
  185. },
  186. failure: function (form, action) {
  187. Ext.Msg.alert('失败', action.result.msg);
  188. }
  189. })
  190. }
  191. }},
  192. {text: '重置', handler: function () {
  193. this.up('form').getForm().reset();
  194. }}
  196. ]
  197. }
  198. ]
  199. });
复制代码

显示效果：


写一个值对象：

  1. /**
  2. * Created by xin on 14-5-20.
  3. */
  4. public class StaffVo {
  6. private String staffname ;
  8. private String staffgender ;
  10. private String staffprofession ;
  12. private String staffdepartment ; // 部门
  14. //如果改为double类型，这个上传的值不能为空值，所有改为string类型
  15. private String staffsalary ; //月薪
  17. private String staffzone ; //区号
  18. private String stafftelnumber ; //号码
  20. private String staffmobile ; //手机号码
  22. private String staffemail ; //邮箱
  24. private String staffprovince ;
  25. private String staffcity ;
  26. private String staffcounty ;
  27. private String staffpartaddress ;
  29. /**
  30. * 这个file类型在这里是有问题的，不象struts可进行封装，如果有上传文件，
  31. * 就不能整个对象传过去了，所有要进行删除
  32. */
  33. //private File avatar ; //头像
  35. public String getStaffname() {
  36. return staffname;
  37. }
  39. public void setStaffname(String staffname) {
  40. this.staffname = staffname;
  41. }
  43. public String getStaffgender() {
  44. return staffgender;
  45. }
  47. public void setStaffgender(String staffgender) {
  48. this.staffgender = staffgender;
  49. }
  51. public String getStaffprofession() {
  52. return staffprofession;
  53. }
  55. public void setStaffprofession(String staffprofession) {
  56. this.staffprofession = staffprofession;
  57. }
  59. public String getStaffdepartment() {
  60. return staffdepartment;
  61. }
  63. public void setStaffdepartment(String staffdepartment) {
  64. this.staffdepartment = staffdepartment;
  65. }
  67. public String getStaffsalary() {
  68. return staffsalary;
  69. }
  71. public void setStaffsalary(String staffsalary) {
  72. this.staffsalary = staffsalary;
  73. }
  75. public String getStaffzone() {
  76. return staffzone;
  77. }
  79. public void setStaffzone(String staffzone) {
  80. this.staffzone = staffzone;
  81. }
  83. public String getStafftelnumber() {
  84. return stafftelnumber;
  85. }
  87. public void setStafftelnumber(String stafftelnumber) {
  88. this.stafftelnumber = stafftelnumber;
  89. }
  91. public String getStaffmobile() {
  92. return staffmobile;
  93. }
  95. public void setStaffmobile(String staffmobile) {
  96. this.staffmobile = staffmobile;
  97. }
  99. public String getStaffemail() {
  100. return staffemail;
  101. }
  103. public void setStaffemail(String staffemail) {
  104. this.staffemail = staffemail;
  105. }
  107. public String getStaffprovince() {
  108. return staffprovince;
  109. }
  111. public void setStaffprovince(String staffprovince) {
  112. this.staffprovince = staffprovince;
  113. }
  115. public String getStaffcity() {
  116. return staffcity;
  117. }
  119. public void setStaffcity(String staffcity) {
  120. this.staffcity = staffcity;
  121. }
  123. public String getStaffcounty() {
  124. return staffcounty;
  125. }
  127. public void setStaffcounty(String staffcounty) {
  128. this.staffcounty = staffcounty;
  129. }
  131. public String getStaffpartaddress() {
  132. return staffpartaddress;
  133. }
  135. public void setStaffpartaddress(String staffpartaddress) {
  136. this.staffpartaddress = staffpartaddress;
  137. }
  138. }
复制代码


数据库的持久层对象就不写了，大同小异。处理的java类

  1. import com.lhx.hotel.model.Staff;
  2. import com.lhx.hotel.service.StaffService;
  3. import com.lhx.hotel.vo.StaffVo;
  4. import org.springframework.beans.factory.annotation.Autowired;
  5. import org.springframework.stereotype.Controller;
  6. import org.springframework.web.bind.annotation.RequestMapping;
  7. import org.springframework.web.bind.annotation.ResponseBody;
  8. import org.springframework.web.multipart.MultipartFile;
  9. import org.springframework.web.multipart.MultipartHttpServletRequest;
  10. import org.springframework.web.multipart.commons.CommonsMultipartResolver;
  12. import javax.servlet.ServletContext;
  13. import javax.servlet.http.HttpServletRequest;
  14. import javax.servlet.http.HttpServletResponse;
  15. import javax.servlet.http.HttpSession;
  16. import java.io.File;
  17. import java.io.IOException;
  18. import java.util.*;
  20. /**
  21. * Created by xin on 14-5-20.
  22. */
  23. @Controller
  24. @RequestMapping("/staff")
  25. public class StaffController {
  27. //返回的map，会自动封装成json
  28. Map<String,Object> outmap = new HashMap<String, Object>();
  30. @Autowired
  31. private StaffService staffService ;
  33. @RequestMapping("/add")
  34. @ResponseBody
  35. public Map<String,Object> add(StaffVo staffVo, HttpServletRequest request, HttpServletResponse response){
  36. //持久层对象
  37. Staff staff = new Staff();
  38. /**
  39. * 基本信息的提取
  40. * 因为都是string类型，所有不可能为空，
  41. * 持久层对象属性同是string类型的，不用进行判断，
  42. * 非string类型的要进行判断，防止异常
  43. * extjs界面如果有格式限制的话，就不用trim处理，因为不允许输入空格
  44. * 没有限制的话还是要进行trim处理的
  45. * 对null进行trim处理会出现空指针异常，但幸亏传过来的值是空值""
  46. */
  47. String staffname = staffVo.getStaffname().trim();
  48. String staffgender = staffVo.getStaffgender();
  49. String staffprofession = staffVo.getStaffprofession().trim();
  50. String staffdepartment = staffVo.getStaffdepartment().trim();
  52. String staffzone = staffVo.getStaffzone();
  53. String stafftelnumber = staffVo.getStafftelnumber();
  54. String telphone = staffzone + stafftelnumber ;
  56. String staffmobile = staffVo.getStaffmobile();
  58. String staffemail = staffVo.getStaffemail();
  59. //地址，进行拼接
  60. String staffprovince = staffVo.getStaffprovince();
  61. String staffcity = staffVo.getStaffcity();
  62. String staffcounty = staffVo.getStaffcounty();
  63. String staffpartaddress = staffVo.getStaffpartaddress().trim();
  64. String address = staffprovince + staffcity + staffcounty + staffpartaddress ;
  66. //非string类型，要进行判断
  67. String staffsalary = staffVo.getStaffsalary();
  68. if (!"".equals(staffsalary)){
  69. double salary = Double.valueOf(staffsalary);
  70. staff.setStsalary(salary);
  71. }
  72. //后加的工号 年份月份加序号（位数不够前面加0）
  73. Calendar c = Calendar.getInstance();
  74. int year = c.get(Calendar.YEAR);
  75. int month = c.get(Calendar.MONTH);
  76. int staffnum = staffService.getrecordSize() ;
  77. String staffnumstr=String.valueOf(staffnum);
  78. String [] ss = {"00000","0000","000","00","0",""};
  79. staffnumstr = ss[staffnumstr.length()-1] + staffnumstr;
  80. String stjobnumber = year + "" + month + staffnumstr;
  81. /**
  82. * 填充到持久层对象中
  83. */
  84. staff.setStname(staffname);
  85. staff.setStgender(staffgender);
  86. staff.setStprofession(staffprofession);
  87. staff.setStdepartment(staffdepartment);
  88. staff.setSttelphone(telphone);
  89. staff.setStmobile(staffmobile);
  90. staff.setStemail(staffemail);
  91. staff.setStaddress(address);
  92. staff.setStjobnumber(stjobnumber);
  93. /**
  94. * 对上传文件进行处理
  95. */
  96. //获取servlet上下文
  97. ServletContext servletContext = request.getSession().getServletContext();
  98. //spring的文件处理解析类，包装了servlet的上下文。
  99. CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(servletContext);
  100. //是否有上传文件
  101. boolean hasUploadAvatar = false ;
  102. //如果是multipart的提交，这个判断有点多余，不过还是加上吧！
  103. if (multipartResolver.isMultipart(request)) {
  104. //把request请求进行升级，request有的，它都有，
  105. MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;
  106. /**
  107. * String staffname = multiRequest.getParameter("staffname");
  108. * 这样也可以获得上面从staffVo里面取出的值
  109. */
  110. //获得上传文件的名称
  111. Iterator<String> iter = multiRequest.getFileNames();
  112. //如果有的话就依次取出来
  113. while (iter.hasNext()){
  114. //包装过的文件流
  115. MultipartFile file = multiRequest.getFile((String)iter.next());
  116. //这里要进行判断，即使是空值，没有上传内容，file都是有值（空值）的，而文件流大小要大于0才是有上传的东西
  117. if (file.getSize() > 0){
  118. //获得上传文件原始名
  119. String imagename = file.getOriginalFilename();
  120. //算出后缀名
  121. String ext = imagename.substring(imagename.lastIndexOf(".")) ;
  122. //对文件类型进行判断，这个操作也可以在前台进行处理，在前台进行处理比较好，前后台都进行处理最稳妥
  123. List<String> fileTypes = new ArrayList<String>();
  124. fileTypes.add(".jpg");
  125. fileTypes.add(".jpeg");
  126. fileTypes.add(".bmp");
  127. fileTypes.add(".gif");
  128. fileTypes.add(".png");
  129. //是图片再进行处理
  130. if (fileTypes.contains(ext.toLowerCase())){
  131. //文件名为：唯一的工号 + avatar + 系统时间 + 后缀
  132. String fileName = stjobnumber + "avatar" + System.currentTimeMillis() + ext ;
  133. //文件夹;String imagepath = request.getRealPath("/upload");过时的方法，用request.getSession().getServletContext()代替
  134. String avatarFolder = servletContext.getRealPath("/upload");
  135. File localFile = new File(avatarFolder,fileName);
  136. try {
  137. //直接写入到后台服务器，简单且快
  138. file.transferTo(localFile);
  139. staff.setStavatar(fileName);
  140. //保存资料到数据库中
  141. staffService.insertSelective(staff);
  142. outmap.put("success",true);
  143. outmap.put("msg","添加成功！");
  144. return outmap ;
  145. } catch (IOException e) {
  146. e.printStackTrace();
  147. outmap.put("success",false);
  148. outmap.put("msg","系统出错");
  149. return outmap ;
  150. }
  151. } else {
  152. outmap.put("success",false);
  153. outmap.put("msg","图片格式出错！");
  154. return outmap ;
  155. }
  156. }
  157. }
  158. }
  159. if (!hasUploadAvatar){
  160. staffService.insertSelective(staff);
  161. outmap.put("success",true);
  162. outmap.put("msg","添加成功！");
  163. return outmap ;
  164. }
  165. return null ;
  166. }
  167. }
复制代码

上传其他文件，把代码改一下就可以了……写这文章给自己做一个总结，也给其他人一个学习参考的选择。


自我总结的小技巧：文件上传，新建一个文件夹，比如upload。里面有个文件的话，部署后tomcat那边就有upload这个文件夹了，如果只是空的文件夹，部署可能不会自动生成，到时上传文件就找不到路径了。

上传文件要放入一个文件夹upload中，先前设置springMVC的默认访问路径都加上前缀和后缀，所以如果不记得加入以下这行代码的话，就会造成访问不了新上传的图片！

yangcbyang
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ext JS + Spring Boot 整合实现文件上传实例
oscar999的专栏
06-24 434
Ext JS + Spring Boot 整合实现文件上传实例
ExtJS4多文件上传，带进度条及管理
06-23
ExtJS4多文件上传，可单独对每个文件进行管理，有进度条。
ExtJS4学习笔记(十六)---上传文件(upload)
dowhathowtodo
08-30 205
本文介绍Extjs4文件上传示例，Extjs4中，主要使用up('form').getForm().submit()方法来实现文件的上传，在submit方法中，指定其type属性,这点很重要，如果不指定，那么在上传完成后的处理中，除非服务端不返回数据，否则客户端就会报错。实例代码如下： upload.html： &lt;!DOCTYPEhtmlPUBLIC"-//W3C//D...
Extjs4 + springMVC的文件上传
小新新的专栏
05-20 4021
用springMVC来做项目，如果遇到文件上传，那么一定要用spring自带的文件处理类来处理上传的文件，因为效率实在高过其他的。 从界面传过来的参数，如果设置了值对象，那么可以从值对象里面取出字符串类型的普通参数，如果不这样做，也可以直接从request里面获得，两种方法都可以。 问题是如果值对象里面写了其他类型的变量，妄想像Struts2那样处理，springMVC就会报出400 Bad
Spring mvc extjs4文件上传
lusam的专栏
08-22 111
ExtJs4.0   js代码： //文件上传与spring交互 Ext.onReady(function(){ Ext.create('Ext.form.Panel', { title: 'File Uploader', width: 400, bodyPadding: 10, frame: true,...
Extjs4中的Form之文件上传filefield
jcy472578的专栏
11-26 8416
Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create("Ext.form.Panel",{ title:'本地File实例', renderTo:'formDemo', bodyPadding:'5 5 5 5', height:100, width:270, frame:true, items:[{
extjs4 文件上传
12-26
extjs4.0版本 支持多文件文件上传，快键轻松！
Extjs4文件上传，后台struts2
09-17
Extjs4文件上传，后台struts2
strut2+swfupload+extjs4文件上传
03-15
本示例解决了strut2+swfupload+extjs4文件上传过程中，后台struts接收不到上传文件的问题。而这个问题如果用servlet做后台可能就不存在。开发者可以用本例源码移植到自己项目中使用 。
Extjs4 swfupload 多文件上传
07-28
Extjs4 swfupload 多文件 上传
Extjs4 swfupload多文件上传
07-28
支持多文件上传，支持上传时，选文件进行文件类型限制，同样支持文件大小在选文件时限制。
ExtJs4.x 上传文件 upload filetext TypeError:result is undefined解决
timen_zbt的专栏
12-20 847
Extjs4上传文件时返回Json数据，导致TypeError:result is undefined错误   Ext.create('Ext.form.Panel', {     title: 'Upload a Photo',     width: 400,     bodyPadding: 10,     frame: true,     renderTo: Ext.ge...
EXt JS 4 官方示例解读--文件上传（file-upload.html、file-upload.js、file-upload.php）
weixin_34352005的博客
05-29 159
Tag：Ext.form.field.File、ExtJS文件上传、PHP文件上传、move_uploaded_file 文件所在目录：ext-4.0.1/examples/form/ 相关文件：file-upload.html、file-upload.js、file-upload.php 先看看界面吧 1、源码：file-upload.html &lt...
extjs6.5文件上传_Extjs：使用提交表单上传文件
weixin_39986178的博客
12-19 114
I'm trying to upload file (excel) using ExtJs and Spring without luck, so I hope you will help me. In panel I have a button (fileuploadfield) and with that I select a file, which I want to upload...,{...
ExtJS-文件上传组件-FileUpload
重庆熊猫
08-24 351
ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html 转载请注明出处:https://www.cnblogs.com/cqpanda/p/17653469.html 更新记录 2023年8月24日 从代码迁移到博客。 完整源代码：https://gitee.com/panda666plus/ext-js-file-upload-c...
ExtJs上传文件
大宇的博客，欢迎访问
08-05 4510
最近项目用到了ExtJs6.0.2版本，比现在主流的ExtJS框架都要前沿。 我之前用的是EasyUI上传的工作流部署的压缩文件，现在想用ExtJs来做。 废话不多说，上明码。 关于Ext.form.Panel相关的属性，我就不多说什么了，自己查询API文档即可。 重点在于按钮，bottons中，点击按钮触发的事件，那里定义了...
【ExtJs】ExtJs的文件上传
编程记录，亲测有效
04-30 5545
ExtJs的文件上传也是采用Ajax的方式，基本上，用户上传之后，其结果马上推回给前台。下面以一个ExtJs图片上传系统，说明这个问题。 一、基本目标 实现如下的一个图片上传的系统，不是基本图片格式，大于1M的图片不给予上传，上传成功显示图片，上传不成功，则显示错误信息。 二、基本思想 这个工程的目录结构如下， 如FileUpload.html的HTML布
ExtJs 上传控件change事件触发解决方法
chanball的专栏
06-06 1643
在 Ext 中，上传控件的change事件是触发不了的，这样就造成图片预览无法进行！ 看一下解决的方法吧！。。。 [code="java"] 上传控件： var panel3 = new Ext.form.FormPanel({ labelAlign : 'left', labelWidth:60, border : false, bodyStyle...
extjs3 上传文件
最新发布
01-19
xtype: 'fileuploadfield', // 使用文件上传字段 fieldLabel: '选择文件', name: 'file', // 文件字段的名称 buttonText: '浏览', // 选择文件按钮的文本 allowBlank: false // 是否允许为空 }], buttons: [{...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值