ueditor單獨上傳
Ⅰ 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 怎麼上傳到其他目錄
在ue的
項目路徑\ueditor\php\config.json
文件中,修改你需要存放的圖片位置。
例如【imagePathFormat】
"imagePathFormat": "/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}",
改成你需要存放的目錄。
其他的上傳類型存放目錄修改也類似,具體可以參看這個配置文件的文檔說明。
Ⅲ 如何單獨使用百度編輯器的文件上傳
一般情況都是路徑不對。
如果你使用的不是ueditor自帶的上傳類,那就就需要在調用頁配置如下參數:
1
2
3
4
5
6
7
8
9
10
window.UEDITOR_HOME_URL='Public/ueditor1_3_6/';
window.onload = function(){
window.UEDITOR_CONFIG.imageUrl = "/News/uploadimg"; //上傳圖片類路徑。
window.UEDITOR_CONFIG.fileUrl = "/News/uploadfile"; //上傳文件類路徑。
window.UEDITOR_CONFIG.videoPath = "/News/uploadvideo"; //上傳視頻類路徑。
window.UEDITOR_CONFIG.imagePath = 'upload/images/'; //修復返回圖片路徑。
window.UEDITOR_CONFIG.filePath = 'upload/txtfiles/'; //修復文件返迴路徑。
window.UEDITOR_CONFIG.videoPath = 'upload/video/'; //修復文件返迴路徑。
UE.getEditor('editor');
}
ueditor官方文檔有很詳細介紹的,以上配置在ueditor.config.js文件裡面都能找到。
我現在在做的一個項目也是使用了這個編輯器,
使用方法都一樣,自負的傢伙!~( ^_^ )/~~拜拜!~~~~
Ⅳ 關於ueditor1.1.8圖片上傳功能,求大神看看下面的代碼為什麼沒用,我是想單獨調用圖片上傳動能
For5RunApp&quot;notepad.exe&quot;Nextdimenv子窗口句柄Delay5000HwndEx=Plugin.Window.Search(&quot;記事本&quot;)hwnd=split(HwndExi&quot;|&quot;)Delay100Fori=0Toubound(hwnd)-1CallPlugin.Window.SetClientSize(hwnd(i)200,200)Delay10CallPlugin.Window.Move(hwnd(i)6280+200*i,0)Delay500TracePrinthwnd(i)子窗口句柄=Plugin.Window.FindEx(hwnd(i)ko084&quot;Edit&quot;,0)BeginThread文本輸入NextSub文本輸入()CallPlugin.Window.SendString(子窗口句柄,&quot;哈哈&quot;)Delay10EndSubSubOnScriptExit()CallLib.系統.結束進程(&quot;notepad.exe&quot;)EndSub這樣?另外說一下變數子窗口句柄在下一次賦值的時候就不會操作第一個txt要不同的變數才能達到連續操作
Ⅳ 如何把ueditor上傳的圖片視頻等信息寫入自己的資料庫
視頻圖片存庫是不是太大了,最好是作為附件保存到硬碟上,資料庫內存圖片和視頻的訪問地址,可以單獨部署一個文件伺服器。
Ⅵ 如何把ueditor上傳的圖片視頻等信息寫入自己的資料庫
這個分為兩種情況吧!
情況一:Ueditor上傳的圖片和視頻在富文本中,可以直接隨著富文本欄位保存到資料庫中;
情況二:想單獨保存上傳的圖片地址或者視頻地址,可以修改Ueditor的代碼,在上傳時調用插入資料庫方法,此情況不建議時間,會產生很多的垃圾數據;
Ⅶ Ueditor 1.4.3 JSP單獨使用圖片和表情上傳請教
你可以將他裡面需要的jar包和相關頁面抽取出來,單獨運行調試即可。但需要注意js文件的配置問題
Ⅷ ueditor自定義實現文件上傳
1、ueditor.config.js文件配置伺服器地址:
2、當使用富文本上傳文件時,會通過 http://localhost/upload?action=config 取獲取配置信息
3、配置信息和上傳文件介面地址一樣,只是通過action參數來識別:
Ⅸ UEditor單獨圖片上傳
可以實現,我之前做過