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.拷貝文件夾moblieCommon00一、moblieCommon00二、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引入:

<script type="text/javascript" src="plug-in/tools/Map.js"></script>

例如：搜索到文件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');