ueditor上傳圖片java

㈠ 使用myeclipse開發的javaweb項目中怎麼部署ueditor

步驟如下：

一、官網上下載完整源碼包，解壓到任意目錄

_examples：編輯器完整版的示例頁面

_demos：編輯器的各種使用案例

dialogs：彈出對話框對應的資源和JS文件

themes：樣式圖片和樣式文件

third-party：第三方插件

editor_all.js：_src目錄下所有文件的打包文件

editor_all_min.js：editor_all.js文件的壓縮版，建議在正式部署時才採用

editor_config.js：編輯器的配置文件，建議和編輯器實例化頁面置於同一目錄

二、部署UEditor到實際項目（UETest）中的步驟:

第一步：在項目的任一文件夾中建立一個用於存放UEditor相關資源和文件的目錄，此處在項目根目錄下建立，起名為ueditor。

第二步：拷貝源碼包中的dialogs、themes、third-party、editor_all.js和editor_config.js到ueditor文夾中。

第三步：為簡單起見，此處將以根目錄下的index.jsp頁面作為編輯器的實例化頁面，用來展示UEditor的完整版效果。在index.jsp文件中，首先導入編輯器需要的三個入口文件，示例代碼如下：

[html] view plain

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<title>編輯器完整版實例</title>

<script type="text/javascript" src="ueditor/editor_config.js"></script>

<script type="text/javascript" src="ueditor/editor_all.js"></script>

<link rel="stylesheet" href="ueditor/themes/default/ueditor.css">

第四步：然後在index.php文件中創建編輯器實例及其DOM容器。具體代碼示例如下：

[html] view plain

<div id="myEditor"></div>

<script language="javascript" type="text/javascript">

var option = {

initialContent : '',//初始化編輯器的內容

minFrameHeight : 400,//設置高度

textarea : 'content'//設置提交時編輯器內容的名字，之前我們用的名字是默認的editorValue

};

var editor = new .editor.ui.Editor(option);

editor.render("myEditor");

</script>

最後一步： 在/UETest/ueditor/ editor_config.js中查找URL變數配置編輯器在你項目中的路徑。

[html] view plain

//強烈推薦以這種方式進行絕對路徑配置

URL=window.UEDITOR_HOME_URL||"/UETest/ueditor/";

至此，一個完整的編輯器實例就已經部署了！在瀏覽器中輸入http://localhost:8080/UETest 運行下。

㈡ ueditor 怎麼自定義上傳文件的路徑啊求指導，，最好是有源碼

UEditor是由網路WEB前端研發部開發的所見即所得的開源富文本編輯器，具有輕量、可定製、用戶體驗優秀等特點。
開源基於BSD協議，所有源代碼在協議允許范圍內可自由修改和使用。
網路UEditor的推出，可以幫助不少網站開發者在開發富文本編輯器所遇到的難題，節約開發者因開發富文本編輯器所需要的大量時間，有效降低了企業的開發成本。
優點
1、體積小巧，性能優良，使用簡單
2、分層架構，方便定製與擴展
3、滿足不同層次用戶需求，更加適合團隊開發
4、豐富完善的中文文檔
5、多個瀏覽器支持：Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome
6、更好的使用體驗
7、擁有專業QA團隊持續支持，已應用在網路各大產品線上
使用步驟
1.添加jar包 jar包位置：文件根目錄下jsp的lib文件夾下，把jar包復制到web-inf下的lib文件夾下buildpath
2.修改config.js中的URL路徑，修改為UEidtor插件在自己工程中的正確根路徑
3.在jsp文件中先引入配置文件config.js然後再源碼文件all.js（注意順序）
4.載入容器和實例化容器
1.修改config.js配置文件URL為插件根目錄，一般是絕對路徑。

2.修改config.json中上傳圖片配置項中的訪問路徑前綴為項目名稱，根據情況修改上傳文件路徑和訪問路徑。
配置正確之後UEditor有上傳功能幫助我們上傳圖片。
但是上傳路徑會在項目部署的臨時文件夾下。 tomcat取消部署後，上傳文件就會和項目部署文件一起被刪除

3.實現把圖片上傳到自定義路徑
在處理上傳後的文件名稱的時候注意不要出現中文
要不然還需要做處理才能正確讀取文件！

4.（1）首先在jsp中覆蓋UEidtor獲取路徑的方法

//覆蓋UEditor中獲取路徑的方法
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
//判斷路徑 這里是config.json 中設置執行上傳的action名稱
if (action == 'uploadimage') {
return 'http://localhost:8080/maven-web/uploadImage.do';
} else if (action == 'uploadvideo') {
return '';
} else {
return this._bkGetActionUrl.call(this, action);
}
}
（2）首先在springmvc配置文件中配置

<!-- 上傳配置 -->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="defaultEncoding" value="UTF-8"></property>
</bean>

在controller中定義上傳和讀取文件的方法
/**
* SpringMVC 用的是 的MultipartFile來進行文件上傳
* 這里用@RequestParam()來指定上傳文件為MultipartFile
* @throws IOException
*/
@RequestMapping("uploadImage")
@ResponseBody//這里upfile是config.json中圖片提交的表單名稱
public Map<String,String> uploadImage(@RequestParam("upfile") CommonsMultipartFile upfile,HttpServletRequest request) throws IOException{
//文件原名稱
String fileName=upfile.getOriginalFilename();
//為了避免重復簡單處理
String nowName=new Date().getTime()+"_" + fileName;
if(!upimage.isEmpty()){
//上傳位置路徑
String path0 = "D:\\eclipseworkspace\\maven-web\\src\\main\\webapp\\upload\\"+nowName;
//按照路徑新建文件
File newFile = new File(path0);
//復制
FileCopyUtils.(upimage.getBytes(), newFile);
}
//返回結果信息(UEditor需要)
Map<String,String> map = new HashMap<String,String >();
//是否上傳成功
map.put("state", "SUCCESS");
//現在文件名稱
map.put("title", nowName);
//文件原名稱
map.put("original", fileName);
//文件類型 .+後綴名
map.put("type", fileName.substring(upfile.getOriginalFilename().lastIndexOf(".")));
//文件路徑
map.put("url", "/"+nowName+"/getImage.do");
//文件大小（位元組數）
map.put("size", upfile.getSize()+"");

return map;
}
/**
* 讀取文件
*/
@RequestMapping("{imgName}/getImage")
public void readImg(@PathVariable("imgName") String imgName, HttpServletResponse response)
throws Exception {
//設置文件的返回類型
response.setContentType("image/*");
//文件路徑(windows下是\\，linux下是//，都必須是絕對路徑)
String imgPath="D:\\eclipseworkspace\\maven-web\\src\\main\\webapp\\upload\\"+imgName;
//java中用File類來表示一個文件
File image = new File(imgPath);
//測試這個文件路徑是否存在（也就是這個文件是否存在）
if (!image.exists()) {
return;
}
//FileUtils.readFileToByteArray(File file)把一個文件轉換成位元組數組返回
response.getOutputStream().write(FileUtils.readFileToByteArray(image));
//java在使用流時,都會有一個緩沖區,按一種它認為比較高效的方法來發數據:
//把要發的數據先放到緩沖區,緩沖區放滿以後再一次性發過去,而不是分開一次一次地發.
//而flush()表示強制將緩沖區中的數據發送出去,不必等到緩沖區滿.
response.getOutputStream().flush();
response.getOutputStream().close();
}

㈢ ueditor 圖片上傳到獨立的資源伺服器上，需要修改哪些配置，java項目

修改umeditor.config.js裡面的 window.UMEDITOR_CONFIG 的配置。

㈣ 百度ueditor能不能上傳pdf

可以上傳的，如果不能上傳，在js代碼里設置下；一般網路官方下載的ueditor編輯器，默認都是帶了PDF上傳功能的，參考如下官方代碼：
//默認值：
[
".png", ".jpg", ".jpeg", ".gif", ".bmp",
".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg",
".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid",
".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso",
".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml"
]