ueditor圖片上傳mvc
A. MVC5項目 ueditor 1.4.3無法上傳問題
我來回答你們吧，這個問題，我也弄了許久，很是納悶啊，gbk版的沒有問題，然後完整版的也沒有問題，就只有utf-8版的上傳功能不行，這些都是【在服務端所有配置有一樣的前提下】，然後我用文件比較工具比較了下完整版asp目錄及utf-8版asp目錄中的文件，完全一模一樣！！！靠，實在搞不懂怎麼回事，我勒去，吐血。。。。
解決這個問題的辦法，你去下載完整版，然後把完整版中的asp文件夾覆蓋到utf-8版相同目錄下
B. 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();
}
C. 百度 Ueditor 在線編輯器 無法上傳圖片或者文件 提示上傳錯誤
用網頁編輯工具打開網路編輯器這個文件：ueditor/dialogs/image/image.html 找到以下代碼：
maxNum:32, // 最大上傳多少個文件 backgroundUrl:'', //背景圖片,留空默認 listBackgroundUrl:'', //預覽圖背景，留空默認
buttonUrl:'', //按鈕背景，留空默認
compressSide:editor.options.compressSide, //等比壓縮的基準，0為按照最長邊，1為按照寬度，2為按照高度
compressLength:editor.options.maxImageSideLength, // 能接受的最大邊長，超過該值Flash會自動等比壓縮
//url:'../server/upload/php/up.php', // 上傳處理頁面的url地址，用於PHP語言
url:'../../server/upload/asp/up.asp', // 上傳處理頁面的url地址，用於ASP語言
// url:../server/upload/asp/up.asp', // 上傳處理頁面的url地址，用於ASP語言
解決方法之二：修改上傳路徑 打開up.asp這個文件。
uploadPath = "../../../uploadfiles/" '上傳保存路徑，修改上傳路徑 ' uploadPath = "E:\UEditor對編輯器\" '上傳保存路徑
picSize = 500 '允許的文件大小，單位KB picType = ".jpg,.gif,.png,.bmp" '允許的圖片格式
D. 百度ueditor上傳文件後台如何用springmvc的controller控制，不用自帶的controller.jsp。
● <context:compnent-scan>
Xml代碼
<!-- 切記，這不是必需的！除非你把註解的 Controller 一個個的注冊到容器中。相信大家還是喜歡用 context:compnent-scan 吧。不要認為在 Spring MVC 中才提到 context:component-scan，就認為它只能掃描 @Controller。component-scan 默認掃描的註解類型是 @Component，不過，在 @Component 語義基礎上細化後的 @Repository, @Service 和 @Controller 也同樣可以獲得 component-scan 的青睞 -->
<context:component-scan base-package="org.zachary.spring3.anno.web" />
● HandlerMapping
Xml代碼
<bean class="org.springframework.web.servlet.mvc.annotation.">
<description>
這點是必需的還是非必需的呢？
如果定義了 ，它就可以將請求來的 url 和被註解了 @RequesMapping 的指進行匹配。當然，說這句話的前提是定義 的優先順序比定義了其它的 HandlerMapping 的優先順序要高(如果定義了其它的話)。
如果沒有定義 ，並不代表不能映射到相應的 handler 上。因為如果你定義了其它的 HandlerMapping，請求過來的 url 和註解了的 @RequestMapping 里的值正好能匹配上，那麼沒有 ，@Controller 一樣可以如魚得水的被捕獲到。
當然，如果你要使用基於註解的 @Controller，最好還是老老實實地注冊 。
</description>
</bean>
● HandlerAdaptor
Xml代碼
<bean class="org.springframework.web.servlet.mvc.annotation.">
<description>
和上面的 HandlerMapping 一樣，是必需的還是非必需的呢？
Spring MVC 中，如果我們沒有注冊任何 HandlerAdaptor 到容器中，注意，我說的是任何。那麼 DispatcherServlet 將啟用後備的幾個默認使用的 HandlerAdaptor 實現，包括：
org.springframework.web.servlet.mvc.HttpRequestHandlerAdapter
org.springframework.web.servlet.mvc.
org.springframework.web.servlet.mvc.
看見沒，如果我們沒有注冊任何的 HandlerAdaptor，框架會准備 的。可是由於某些原因，我們需要為某些 HandlerAdaptoer 進行一些定製化，即在容器中注冊了某個 HandlerAdaptor，那麼很抱歉，框架只會啟用你注冊的那個，而框架本身准備的不會被啟用。所以，你一旦為某個 HandlerMapping 進行了定製化，請別忘了把其它的 HandlerAdaptor 也注冊進來，即便這些不需要定製化。否則的話，後果你是可以想像的。當然，除非你確保你真的只需要那一個你注冊進容器的 HandlerAdaptor，否則，我再啰嗦一遍，別忘了把其它的 HandlerAdaptor 也注冊進來。
</description>
</bean>
E. 百度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"
]
F. UEditor文件上傳與SpringMVC上傳配置沖突問題
建議去掉spring 的上傳配置直接使用UE
G. 如何把ueditor中的多圖上傳功能
將ueditor的圖片上傳類修改為Tp的上傳類，
window.UEDITOR_CONFIG.imageUrl="{:U('Upload/uploadimg')}"; //圖片上傳提交地址
window.UEDITOR_CONFIG.imagePath='__ROOT__/Upload/images/ueditor/';//編輯器調用圖片的地址
H. 將ueditor中的圖片上傳用struts2實現
可以用的。
//Struts2 請求 包裝過濾器
MultiPartRequestWrapper wrapper = (MultiPartRequestWrapper) this.request;
//獲得文件過濾器
File file = wrapper.getFiles("uploadfile")[0];
//獲得上傳的文件名
String originalName = wrapper.getFileNames("uploadfile")[0];
//file轉is
InputStream is = new FileInputStream(file);
以上的步驟希望對你有幫助，我就是用的struts2,
uploadfile是上傳的時候設置的那個名稱
imageUrl:URL+"jsp/imageUp.jsp" //圖片上傳提交地址
imagePath:"" //圖片修正地址，引用了fixedImagePath,如有特殊需求，可自行配置
imageFieldName:"uploadfile" //對應上面的那個uploadfile
I. ueditor富文本編輯器上傳圖片怎麼配置
1. 前端配置項
前端需要配置 serverUrl 參數，修改 ueditor.config.js 里的 serverUrl 參數，改成伺服器端路徑，參考：URL + 'php/controller.php'
2. 後端配置項
後端配置項在 php/config.json 里配置，不同的上傳有各自的配置項。
修改上傳圖片路徑的參數是 imagePathFormat ，改成你的圖片文件夾路徑即可。
J. 如何使用ueditor上傳照片
在ueditor目錄下找到uedior.config.js，找到如下三行：
,imageUrl: "<%=path %>/controller.json" //圖片上傳提交後台對應的地址，路徑固定為*/controller.*
,imagePath: "<%=path %>/ueditor/" //圖片在伺服器上的存儲目錄
,imageFieldName: "upload" //後台對應接收image的參數名
或者：
var ueditor = UE.getEditor('myEditor',{
imageUrl: "<%=path %>/servlet/UploadServlet", //圖片上傳提交後台對應的地址
imagePath: "<%=path %>/ueditor/", //圖片在伺服器上的存儲目錄
imageFieldName: "upload" //後台對應接收image的參數名
});
注意：記得在uedior.config.js配置文件中把"serverUrl"注釋掉
在/ueditor/_src/plugins/simpleupload.js文件中，把link = me.options.imageUrlPrefix + json.url; 改為link = getRootPath()+json.url;
最後配置伺服器返回的數據格式，這需要這伺服器端進行修改。對應於後台接收上傳圖片的那個controller，返回的格式需如下：
{'url':'60391393848223.jpg','title':'p1999637039.jpg','original':'p1999637039.jpg','state':'SUCCESS'}
注意：url用相對路徑，這樣就OK了。