JEECG通用文件上传-弹出式(觉得文件上传不好用的来看）

jeecg 文件上传，相信让很多人头痛吧？

首先是提交的方式，和表单一起提交，继承附件实体。
然后是多文件上传，样式冲突，各种各样的问题。

这里给一个比较通用的文件上传方案，还是基于uploadify标签。但是绝对好用！
step.1
新建一个文件上传的jsp页面，作为通用上传。
路径：/webpage/system/upload/uploadView.jsp
代码：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>

step.2
写一个通用的js方法，来调用这个文件上传窗口
可以写入curdtools.js中

function commonUpload(callback){$.dialog({content: "url:systemController.do?commonUpload",lock : true,title:"文件上传",width:700,height: 400,parent:windowapi,cache:false,ok: function(){var iframe = this.iframe.contentWindow;iframe.uploadCallback(callback);return true;},cancelVal: '关闭',cancel: function(){} });
}

或者

//通用弹出式文件上传
function commonUpload(callback){$.dialog({content: "url:systemController.do?commonUpload",lock : true,title:"文件上传",zIndex:2100,width:700,height: 200,parent:windowapi,cache:false,ok: function(){var iframe = this.iframe.contentWindow;iframe.uploadCallback(callback);return true;},cancelVal: '关闭',cancel: function(){} });
}
function browseImages(inputId, Img) {// 图片管理器，可多个上传共用
}
function browseFiles(inputId, file) {// 文件管理器，可多个上传共用
}
function decode(value, id) {//value传入值,id接受值var last = value.lastIndexOf("/");var filename = value.substring(last + 1, value.length);$("#" + id).text(decodeURIComponent(filename));
}

step.3
在/src/jeecg/system/controller/core/SystemController.java 中添加弹出页面跳转的方法

/*** 文件上传通用跳转* * @param icon* @param req* @return*/@RequestMapping(params = "commonUpload")public ModelAndView commonUpload(HttpServletRequest req) {return new ModelAndView("system/upload/uploadView");}

复制代码
这样就大功告成了！
使用时只需要：
function uploadTaxRegImgCallBack(url,name){
$("#taxRegImgView").attr(‘src’,url);
$("#taxRegImg").val(url);
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！