前言:
现有的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修改
1 2 3 4 5 6 7 | 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修改
1 2 3 4 5 6 | <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)引入,若有,干掉他。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」