word圖文混排複製到CuteEditor圖片不顯示
這種方法是servlet,編寫好在web.xml裡配置servlet-class和servlet-mapping即可使用
後臺(服務端)java服務程式碼:(上傳至ROOT/lqxcPics資料夾下)
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@
page contentType="text/html;charset=utf-8"%><%@
page import = "Xproer.*" %><%@
page import="org.apache.commons.lang.StringUtils" %><%@
page import="org.apache.commons.fileupload.*" %><%@
page import="org.apache.commons.fileupload.disk.*" %><%@
page import="org.apache.commons.fileupload.servlet.*" %><%
boolean isMultipart = ServletFileUpload.isMultipartContent(request);
FileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(factory);
List files = null;
try
{
files = upload.parseRequest(request);
}
catch (FileUploadException e)
{
out.println("上傳檔案異常:"+e.toString());
return;
}
FileItem imgFile = null;
Iterator fileItr = files.iterator();
while (fileItr.hasNext())
{
imgFile = (FileItem) fileItr.next();
if(imgFile.isFormField())
{
String fn = imgFile.getFieldName();
String fv = imgFile.getString();
if(fn.equals("uname")) uname = fv;
if(fn.equals("upass")) upass = fv;
}
else
{
break;
}
}
Uploader up = new Uploader(pageContext,request);
up.SaveFile(imgFile);
String url = up.GetFilePathRel();
out.write(url);
response.setHeader("Content-Length",url.length()+"");
%>
配置web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
前端(頁面)測試程式碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>WordPaster-jsp-ueditor-1.2.6.0</title>
<script type="text/javascript" src="ueditor.config.js" charset="utf-8"></script>
<script type="text/javascript" src="ueditor.all.min.js" charset="utf-8"></script>
<link type="text/css" rel="Stylesheet" href="WordPaster/css/WordPaster.css"/>
<link type="text/css" rel="Stylesheet" href="WordPaster/js/skygqbox.css" />
<script type="text/javascript" src="WordPaster/js/json2.min.js" charset="utf-8"></script>
<script type="text/javascript" src="WordPaster/js/jquery-1.4.min.js" charset="utf-8"></script>
<script type="text/javascript" src="WordPaster/js/w.edge.js" charset="utf-8"></script>
<script type="text/javascript" src="WordPaster/js/w.app.js" charset="utf-8"></script>
<script type="text/javascript" src="WordPaster/js/w.file.js" charset="utf-8"></script>
<script type="text/javascript" src="WordPaster/js/skygqbox.js" charset="utf-8"></script>
<script type="text/javascript" src="WordPaster/js/WordPaster.js" charset="utf-8"></script>
</head>
<body>
<textarea name="後臺取值的key" id="myEditor">這裡寫你的初始化內容</textarea>
<script type="text/javascript">
var pasterMgr = new WordPasterManager();
//pasterMgr.Config["PostUrl"] = "http://www.ncmem.com/products/upload_ori.aspx"
pasterMgr.Config["PostUrl"] = "http://localhost:8080/WordPaster2UEditor1.4x/upload.jsp"
//pasterMgr.Config["PostUrl"] = "http://cloud.dyso.cn/ueditor/upload.jsp"
pasterMgr.Load();//載入控制元件
var ue = UE.getEditor('myEditor');
ue.ready(function() {
//設定編輯器的內容
ue.setContent('hello');
//獲取html內容,返回: <p>hello</p>
var html = ue.getContent();
//獲取純文字內容,返回: hello
var txt = ue.getContentTxt();
pasterMgr.SetEditor(ue);
});
</script>
</body>
</html>
實現後的效果,能夠批量上傳word中的全部圖片,大幅度提升圖片上傳效率。而且能夠保留Word樣式。
圖片上傳完後,編輯器裡面的圖片地址也全部都改成了伺服器的圖片地址了,
所有程式碼已經全部傳到網上,有需要的朋友可以直接下載使用,http://blog.ncmem.com/wordpress/2019/08/07/javaword圖片上傳控制元件/
討論群:223813913
相關文章
- word圖文混排複製到KindEditor圖片不顯示
- BMP圖片的複製#顯示到螢幕
- iOS開發 如何在Label中顯示圖片-圖文混排iOS
- TextView:圖文混排TextView
- win7圖片只顯示圖示不顯示預覽圖解決方案Win7圖解
- iOS設定tabbar不顯示文字,只顯示圖片iOStabBar
- excel如何複製到word不變形Excel
- img圖片無法顯示利用onerror事件顯示替代圖片Error事件
- word貼上圖片到ckeitor
- Win10 Xbox商店不顯示圖片怎麼辦 Win10 Xbox商店不顯示圖片解決教程Win10
- Picasa相簿圖片不顯示的解決辦法
- opencv圖片上如何顯示兩個小圖片OpenCV
- Swift UIButton 圖片 文字 同時顯示 不顯示,細節問題SwiftUI
- 本地圖文直接複製到線上編輯器中地圖
- 本地圖文直接複製到HTML編輯器中地圖HTML
- iOS - 圖文混排技術方案分享iOS
- Java——圖片滾動顯示Java
- laraveladmin 圖片不顯示 域名地址localhost開頭Laravellocalhost
- [Android開源]:EasyImageGetter幫你實現帶網路圖片的html圖文混排!AndroidHTML
- 網頁圖片不能顯示 網頁圖片顯示不出來的解決辦法網頁
- 如何將圖片轉word?圖文轉換選轉易俠
- iOS圖文混排與NSString轉換iOS
- win10word中插入圖片失敗是為什麼_win10系統word插入圖片顯示不全如何解決Win10
- 小程式button背景顯示圖片
- CSS圖片的灰色顯示效果CSS
- ImageView顯示網路上的圖片View
- vue el-image 顯示圖片Vue
- 上傳封面圖片前臺不顯示 Picture檔案裡可以看到上傳的圖片
- Android 開源圖片裁剪工具、圖片顯示工具分享Android
- Python 批次合併圖片到word文件Python
- 使用"mews/captcha:~2.0" 驗證碼圖片不顯示問題APT
- 求定製jsp商城(能顯示3D圖片)JS3D
- word備忘【圖片】
- Word圖示未顯示在.doc和.docx文件檔案
- JS控制圖片顯示的大小(圖片等比例縮放)JS
- Win10系統百度圖片不顯示如何解決【圖文教程】Win10
- Flutter 中的圖文混排與原理解析Flutter
- 50行程式碼實現圖文混排行程