JEECG 上傳插件升級——標籤 頂 原

前言:

     現有的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)引入,若有,幹掉他。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章