ueditor1_4_3-utf8-jsp 配置实现上传图片的功能
生活随笔
收集整理的這篇文章主要介紹了
ueditor1_4_3-utf8-jsp 配置实现上传图片的功能
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
我所使用的環境:eclipse-jee-luna-SR1-win32-x86_64,Tomcat7,jre7
1,首先下載ueditor1_4_3-utf8-jsp并解壓,下載地址:http://ueditor.baidu.com/website/download.html
2,在eclipse里新建一個 Dynamic web項目(我新建的項目為UeditorDemo),建好項目后,會有一個WebContent文件夾,在此目錄下新建文件夾ueditor1_4_3,
然后把解壓的ueditor1_4_3-utf8-jsp目錄下的所有文件都復制到新建文件夾ueditor1_4_3下
如下圖所示:
3,在index.jsp中配置引用ueditor:??4,把ueditor1_4_3-utf8-jsp\jsp\lib下的jar包復制到WebContent/WEB-INF/lib下,如下圖: 5,打開ueditor1_4_3/jsp/config.json文件:修改圖片訪問路徑前綴imageUrlPrefix的值為符合項目訪問的值,如下圖:
6,修改ueditor1_4_3/ueditor.config.js的window.UEDITOR_HOME_URL為符合項目訪問的路徑,如下圖:
在ueditor1_4_3/ueditor.config.js中也可修改編輯器的大小,如下圖:
7,在tomcat中啟動項目后,輸入地址http://localhost:8080/UeditorDemo/index.jsp就會出現編輯器,選擇圖片上傳按鈕即可上傳圖片,如下圖所示:
新人創作打卡挑戰賽發博客就能抽獎!定制產品紅包拿不停!
3,在index.jsp中配置引用ueditor:??4,把ueditor1_4_3-utf8-jsp\jsp\lib下的jar包復制到WebContent/WEB-INF/lib下,如下圖: 5,打開ueditor1_4_3/jsp/config.json文件:修改圖片訪問路徑前綴imageUrlPrefix的值為符合項目訪問的值,如下圖:
6,修改ueditor1_4_3/ueditor.config.js的window.UEDITOR_HOME_URL為符合項目訪問的路徑,如下圖:
在ueditor1_4_3/ueditor.config.js中也可修改編輯器的大小,如下圖:
7,在tomcat中啟動項目后,輸入地址http://localhost:8080/UeditorDemo/index.jsp就會出現編輯器,選擇圖片上傳按鈕即可上傳圖片,如下圖所示:
新人創作打卡挑戰賽發博客就能抽獎!定制產品紅包拿不停!
總結
以上是生活随笔為你收集整理的ueditor1_4_3-utf8-jsp 配置实现上传图片的功能的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jquery实现表格的多行删除
- 下一篇: JEECG_3.7 权限开发视频正式发