解决JEECG 4.0 普通web 框架上传下载插件flash无法使用的方案(非VUE版本)

SQL :

update cgform_ftl SET FTL_CONTENT = replace(FTL_CONTENT, 'plug-in/uploadify/jquery.uploadify-3.1.js', 'plug-in/plupload/plupload.full.min.js');

JEECG 上传插件升级-代码生成器

升级步骤：
1.下载升级文件

链接：https://pan.baidu.com/s/1wQ7xT83bglouprPN0Gu7qA 密码：ay6q

2.【新增文件】

增加JS/css，将plupload文件夹直接拷贝到src/main/webapp/plug-in/下

3.【修改文件】

拷贝Map.js至src/main/webapp/plug-in/tools/下，覆盖更新。

4.【新增文件】

拷贝UploadPlTag.java至src/main/java/org/jeecgframework/tag/core/easyui/下。

5.【新增文件】

拷贝plupload.ftl至src/main/java/org/jeecgframework/tag/ftl/下。

6.【修改文件】

拷贝BaseTag.java至src/main/java/org/jeecgframework/tag/core/easyui/下,修改如下：

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>");
}
7.【修改文件】

修改src/main/webapp/WEB-INF/tld/easyui.tld文件，找到<name>upload</name>的标签，修改其配置<tag-class>为org.jeecgframework.tag.core.easyui.UploadPlTag,修改如下：

<tag>
<name>upload</name>

<tag-class>org.jeecgframework.tag.core.easyui.UploadPlTag</tag-class>
<body-content>JSP</body-content>
<description>选项卡选项标签</description>
8.【修改文件】

在src/main/resources/jeecg/下搜索 “jquery.uploadify-3.1.js” 若页面有，需要将此JS路径替换成plug-in/plupload/plupload.full.min.js，并且额外增加一个JS引入:

<t:base type="jquery,easyui,tools,DatePicker"></t:base>
<#if callbackFlag == true>
<link rel="stylesheet" href="plug-in/uploadify/css/uploadify.css" type="text/css" />
<script type="text/javascript" src="plug-in/uploadify/jquery.uploadify-3.1.js"></script>
</#if>
　　

现需要将if判断内的JS替换掉，并且新增一个，改成如下代码即可：

<t:base type="jquery,easyui,tools,DatePicker"></t:base>
<#if callbackFlag == true>
<link rel="stylesheet" href="plug-in/uploadify/css/uploadify.css" type="text/css" />
<script type="text/javascript" src="plug-in/plupload/plupload.full.min.js"></script>
<script type="text/javascript" src="plug-in/tools/Map.js"></script>
</#if>
　　

也可以直接改成标签式的写法

<t:base type="jquery,easyui,tools,DatePicker"></t:base>
<#if callbackFlag == true>
<t:base type="uploadify"></t:base>
</#if>
　　或者

<t:base type="jquery,easyui,tools,DatePicker<#if callbackFlag == true>,uploadify</#if>"></t:base>

方案2==============================================================================================
JEECG 上传插件升级-Online
前言：

现有的uploadify上传是基于swf的，随着H5的普及，flash即将退出历史舞台，JEECG本着与时俱进的原则，将全面升级JEECG系统中的上传功能,采用新式上传插件plupload,此插件上传支持多种模式html5,flash,silverlight,html4，可通过配置实现优先模式，对于新版主流浏览器均可采用H5，对于不支持H5的低版本IE浏览器可走flash模式。以下讲解JEECG Online的升级。

升级步骤（细节描述可忽略）：
1.下载升级文件

链接：https://pan.baidu.com/s/1SJXzPeN7qE4O6KB0O5qi2w 密码：z5eh

2.【新增文件】

增加JS/css，将plupload文件夹直接拷贝到src/main/webapp/plug-in/下

3.【修改文件】

拷贝Map.js至src/main/webapp/plug-in/tools/下，覆盖更新。

4.【修改文件】

拷贝FormHtmlUtil.java至src/main/java/org/jeecgframework/web/cgform/common/下，覆盖更新。

（细节描述：在FormHtmlUtil类中新增一个方法getFilePluploadFormHtml 详细见升级文件，并找到getFormHTML方法，修改文件类型加载的页面代码的方法为getFilePluploadFormHtml，如下）

······
}else if(cgFormFieldEntity.getShowType().equals("file")){
html=getFilePluploadFormHtml(cgFormFieldEntity);//获取实例化plupload组件的页面代码
}
······
　　

5.【修改文件】

拷贝CgFormBuildController.java至src/main/java/org/jeecgframework/web/cgform/controller/build/下，覆盖更新。

（细节描述：在CgFormBuildController类中找到getHtmlHead方法，注掉老版JS,替换成新版,修改如下）

//sb.append("<script type=\"text/javascript\" src=\""+basePath+"/plug-in/uploadify/jquery.uploadify-3.1.js\"></script>");
sb.append("<script type=\"text/javascript\" src=\""+basePath+"/plug-in/plupload/plupload.full.min.js\"></script>");

6.拷贝CgformFtlController.java至src/main/java/org/jeecgframework/web/cgform/controller/cgformftl/下，覆盖更新。

（细节描述：在CgformFtlController类中找到addorupdate方法，注掉老版JS,替换成新版,修改如下）

//sb.append("<script type=\"text/javascript\" src=\"${basePath}/plug-in/uploadify/jquery.uploadify-3.1.js\"></script>");
sb.append("<script type=\"text/javascript\" src=\"${basePath}/plug-in/plupload/plupload.full.min.js\"></script>");
　　

7.拷贝文件夹moblieCommon001、moblieCommon002、ui至src/main/resources/online/template/下，覆盖更新。

细节描述：这个步骤修改的有

a. 新增宏文件src/main/resources/online/template/ui/uploadPltag.ftl，详细见升级文件。

b. 修改tag宏文件src/main/resources/online/template/ui/tag.ftl：

<#include "/online/template/ui/treetag.ftl"/>
<#include "/online/template/ui/uploadPltag.ftl"/>
　　

c. 模板文件中的JS替换,即在src/main/resources/online/template下搜索 “jquery.uploadify-3.1.js” 若页面有，需要将此JS路径替换成plug-in/plupload/plupload.full.min.js，并且额外增加一个JS引入:

例如：搜索到文件src/main/resources/online/template/ui/basetag.ftl内有“jquery.uploadify-3.1.js”,代码如下：

<#if hasFile==true>
<link rel="stylesheet" href="${webRootf!''}plug-in/uploadify/css/uploadify.css" type="text/css"></link>
<script type="text/javascript" src="${webRootf!''}plug-in/uploadify/jquery.uploadify-3.1.js"></script>
</#if>
　　

现需要将其改成：

<#if hasFile==true>
<link rel="stylesheet" href="${webRootf!''}plug-in/uploadify/css/uploadify.css" type="text/css"></link>
<script type="text/javascript" src="${webRootf!''}plug-in/plupload/plupload.full.min.js"></script>
<script type="text/javascript" src="${webRootf!''}plug-in/tools/Map.js"></script>
</#if>
　　

8.执行升级SQL

update cgform_ftl SET FTL_CONTENT = replace(FTL_CONTENT, 'plug-in/uploadify/jquery.uploadify-3.1.js', 'plug-in/plupload/plupload.full.min.js');
　　

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/923254.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！