前言:
现有的uploadify上传是基于swf的,随着H5的普及,flash即将退出历史舞台,JEECG团队本着与时俱进的原则,将全面升级JEECG系统中的上传功能,采用新式上传插件plupload,此插件上传支持多种模式html5,flash,silverlight,html4,可通过配置实现优先模式,对于新版主流浏览器均可采用H5方式,对于不支持H5的低版本IE浏览器可走flash方式。以下讲解JEECG标签的升级。
升级步骤:
1.下载升级文件
链接:https://pan.baidu.com/s/1E_9FALsnHcajHjDRZ3_Q-A 密码:wexw
2.【新增文件】
增加JS/css,将plupload文件夹直接拷贝到src/main/webapp/plug-in/下
3.【修改文件】
拷贝BaseTag.java至src/main/java/org/jeecgframework/tag/core/easyui/下,覆盖更新,见[代码改动-1]
4.【修改文件】
拷贝Map.js至src/main/webapp/plug-in/tools/下,覆盖更新。
5.【新增文件】
拷贝UploadPlTag.java至src/main/java/org/jeecgframework/tag/core/easyui/下。
6.【新增文件】
拷贝plupload.ftl至src/main/java/org/jeecgframework/tag/ftl/下。
7.【修改文件】
修改src/main/webapp/WEB-INF/tld/easyui.tld文件,找到<name>upload</name>的标签,修改其配置<tag-class>为org.jeecgframework.tag.core.easyui.UploadPlTag,见[代码改动-2]
代码改动(此步可略过)
1.BaseTag.java修改
if (oConvertUtils.isIn("uploadify", types)) { /*sb.append("<link rel="stylesheet" href=""+basePath+"/plug-in/uploadify/css/uploadify.css" type="text/css"></link>"); sb.append("<script type="text/javascript" src=""+basePath+"/plug-in/uploadify/jquery.uploadify-3.1.js"></script>");*/ sb.append("<link rel="stylesheet" href=""+basePath+"/plug-in/uploadify/css/uploadify.css" type="text/css"></link>"); sb.append("<script type="text/javascript" src=""+basePath+"/plug-in/plupload/plupload.full.min.js"></script>"); sb.append("<script type="text/javascript" src=""+basePath+"/plug-in/tools/Map.js"></script>"); }
2.easyui.tld修改
<tag> <name>upload</name> <!-- <tag-class>org.jeecgframework.tag.core.easyui.UploadTag</tag-class> --> <tag-class>org.jeecgframework.tag.core.easyui.UploadPlTag</tag-class> <body-content>JSP</body-content> <description>选项卡选项标签</description>
注:
其余模块升级地址如下:(相同步骤可略过)
1、online升级: https://my.oschina.net/u/2425353/blog/1935204
2、代码生成器升级: https://my.oschina.net/u/2425353/blog/1935155
问题
1.如果替换完成,自己之前写的页面报错:$.iplupload is not a function,查看本页面是否还有老版的js(plug-in/uploadify/jquery.uploadify-3.1.js)引入,若有,干掉他。