{"id":177,"date":"2016-04-29T22:48:36","date_gmt":"2016-04-29T14:48:36","guid":{"rendered":"http:\/\/www.chenweikang.top\/?p=177"},"modified":"2016-04-29T22:48:36","modified_gmt":"2016-04-29T14:48:36","slug":"springmvc%e4%b8%ad%e4%bd%bf%e7%94%a8%e5%af%8c%e6%96%87%e6%9c%ac%e7%bc%96%e8%be%91%e5%99%a8simditor%e4%b8%8a%e4%bc%a0%e5%9b%be%e7%89%87","status":"publish","type":"post","link":"https:\/\/www.chenweikang.top\/?p=177","title":{"rendered":"SpringMVC\u4e2d\u4f7f\u7528\u5bcc\u6587\u672c\u7f16\u8f91\u5668Simditor\u4e0a\u4f20\u56fe\u7247"},"content":{"rendered":"

Simditor\u662fTower\u5f00\u6e90\u7684\u6240\u89c1\u5373\u6240\u5f97\u7684\u5728\u7ebf\u5bcc\u6587\u672c\u7f16\u8f91\u5668\u3002Simditor\u7684\u7406\u5ff5\u662f\u4fdd\u6301\u7b80\u5355\uff0c\u907f\u514d\u8fc7\u5ea6\u7684\u529f\u80fd\uff0c\u6bcf\u4e00\u4e2a\u7279\u6027\u90fd\u8ffd\u6c42\u6781\u81f4\u7684\u7528\u6237\u4f53\u9a8c\u3002\u540c\u65f6\uff0cSimditor\u4e5f\u5f88\u5bb9\u6613\u6269\u5c55\u3002<\/p><\/blockquote>\n

 <\/p>\n

SinDitor\u7684\u4f7f\u7528\u5f88\u7b80\u5355<\/h2>\n

\u5728\u4f60\u7684html\u9875\u9762\u4e2d\u5f15\u7528\u5982\u4e0b\u6587\u4ef6\uff1a<\/p>\n

\r\n<link<\/span> media<\/span>=\"all\"<\/span> rel<\/span>=\"stylesheet\"<\/span> type<\/span>=\"text\/css\"<\/span> href<\/span>=\"styles\/simditor.css\"<\/span> \/><\/span>\r\n\r\n<script<\/span> type<\/span>=\"text\/javascript\"<\/span> src<\/span>=\"scripts\/jquery-2.0.3.js\"<\/span>><\/span><\/script<\/span>><\/span>\r\n<script<\/span> type<\/span>=\"text\/javascript\"<\/span> src<\/span>=\"scripts\/module.js\"<\/span>><\/span><\/script<\/span>><\/span>\r\n<script<\/span> type<\/span>=\"text\/javascript\"<\/span> src<\/span>=\"scripts\/uploader.js\"<\/span>><\/span><\/script<\/span>><\/span>\r\n<script<\/span> type<\/span>=\"text\/javascript\"<\/span> src<\/span>=\"scripts\/simditor.js\"<\/span>><\/span><\/script<\/span>><\/span><\/code><\/pre>\n
\u53ef\u662f\u4e0a\u4f20\u56fe\u7247\u5c31\u6bd4\u8f83\u86cb\u75bc<\/h2>\n
\u5148\u6765\u521d\u59cb\u5316\u7f16\u8f91\u5668<\/h3>\n\n\n\n
\n
7<\/div>\n
18<\/div>\n
19<\/div>\n
20<\/div>\n
21<\/div>\n
22<\/div>\n
23<\/div>\n
24<\/div>\n
25<\/div>\n
26<\/div>\n
27<\/div>\n
28<\/div>\n
29<\/div>\n
30<\/div>\n
31<\/div>\n
32<\/div>\n
33<\/div>\n
34<\/div>\n
35<\/div>\n
36<\/div>\n
37<\/div>\n<\/td>\n
\n
\n
$(<\/code>function<\/code> () {<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>\/\/var editor = new Simditor({ textarea:$('#Editor')});<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>toolbar = [<\/code>'title'<\/code>, <\/code>'bold'<\/code>, <\/code>'italic'<\/code>,<\/code>'underline'<\/code>, <\/code>'strikethrough'<\/code>,<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>'color'<\/code>,<\/code>'|'<\/code>, <\/code>'ol'<\/code>, <\/code>'ul'<\/code>, <\/code>'blockquote'<\/code>, <\/code>'code'<\/code>, <\/code>'table'<\/code>, <\/code>'|'<\/code>,<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>'link'<\/code>,<\/code>'image'<\/code>, <\/code>'hr'<\/code>, <\/code>'|'<\/code>, <\/code>'indent'<\/code>, <\/code>'outdent'<\/code>];<\/code>\/\/\u8bbe\u7f6e\u5de5\u5177\u680f<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>var<\/code> editor = <\/code>new<\/code> Simditor({<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>textarea:$(<\/code>'#Editor'<\/code>),<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>placeholder: <\/code>'\u8fd9\u91cc\u8f93\u5165\u5185\u5bb9...'<\/code>,<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>toolbar:toolbar,\u00a0 <\/code>\/\/\u5de5\u5177\u680f\u00a0<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>defaultImage: <\/code>'\/Content\/SimDetor\/images\/image.png'<\/code>,<\/code>\/\/\u7f16\u8f91\u5668\u63d2\u5165\u56fe\u7247\u65f6\u4f7f\u7528\u7684\u9ed8\u8ba4\u56fe\u7247\u00a0<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>upload:{<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>url: <\/code>'uploadImg.do'<\/code>,<\/code>\/\/\u6587\u4ef6\u4e0a\u4f20\u7684\u63a5\u53e3\u5730\u5740\u00a0<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>params: <\/code>null<\/code>,<\/code>\/\/\u952e\u503c\u5bf9,\u6307\u5b9a\u6587\u4ef6\u4e0a\u4f20\u63a5\u53e3\u7684\u989d\u5916\u53c2\u6570,\u4e0a\u4f20\u7684\u65f6\u5019\u968f\u6587\u4ef6\u4e00\u8d77\u63d0\u4ea4\u00a0<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>fileKey: <\/code>'fileDataFileName'<\/code>,<\/code>\/\/\u670d\u52a1\u5668\u7aef\u83b7\u53d6\u6587\u4ef6\u6570\u636e\u7684\u53c2\u6570\u540d\u00a0<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>connectionCount: 3,<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>leaveConfirm: <\/code>'\u6b63\u5728\u4e0a\u4f20\u6587\u4ef6'<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>}<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>});<\/code><\/div>\n
<\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code>});<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\u7136\u540e\u5199\u4e2aSpringMVC\u7684Controller<\/p>\n
@RequestMapping(\"imgUpload\")
\npublic void ImgUpload(@RequestParam(\"fileData\") CommonsMultipartFile fileData ,HttpServletRequest req ,HttpServletResponse res) {<\/p>\n
\u00a0InputStream img=null;<\/p>\n
OutputStream out = null;<\/p>\n
PrintWriter print=null;<\/p>\n
res.setCharacterEncoding(\"UTF-8\");<\/p>\n
try {<\/p>\n
print = res.getWriter();<\/p>\n
\/\/\u65f6\u95f4\u6233
\nString imgType = fileData.getOriginalFilename().toLowerCase().split(\"\\\\.\")[1];<\/p>\n
if(imgType.equals(\"jpg\")||imgType.equals(\"png\")||imgType.equals(\"gif\")||imgType.equals(\"jpeg\")){<\/p>\n
\/\/\u56fe\u7247\u4e0d\u5f97\u5c0f\u4e8e2m<\/p>\n
if(fileData.getSize()<2048000){<\/p>\n
String imgName = System.currentTimeMillis()+\".\"+imgType; \/\/\u66f4\u6539\u56fe\u7247\u540d\u79f0<\/p>\n
String dateDir = \"uploads\/\"+new SimpleDateFormat(\"YYYYMMdd\").format(new Date());<\/p>\n
String path = req.getRealPath(\"\/admin\")+\"\/\"+dateDir; \/\/\u7edd\u5bf9\u76ee\u5f55 \u5b58\u653e\u56fe\u7247<\/p>\n
String imgRealPath = dateDir+\"\/\"+imgName; \/\/\u76f8\u5bf9\u8def\u5f84<\/p>\n
File dir = new File(path);<\/p>\n
\/\/\u76ee\u5f55\u4e0d\u5b58\u5728\u5c31\u521b\u5efa\u76ee\u5f55<\/p>\n
if(!dir.exists()) dir.mkdir();<\/p>\n
img = fileData.getInputStream(); \/\/\u83b7\u53d6\u6587\u4ef6\u6d41<\/p>\n
File file = new File(path,imgName);<\/p>\n
out = new FileOutputStream(file);<\/p>\n
byte[] buffer = new byte[400];<\/p>\n
int len = 0;<\/p>\n
while((len=img.read(buffer)) != -1){<\/p>\n
out.write(buffer,0,len);<\/p>\n
}
\nmsg=\"{ \\\"success\\\":true,\\\"msg\\\": \\\"\u56fe\u7247\u4e0a\u4f20\u6210\u529f!\\\",\\\"file_path\\\":\\\"\"+imgRealPath+\"\\\"}\";<\/p>\n
}else{<\/p>\n
msg=\"{ \\\"success\\\": false,\\\"msg\\\": \\\"\u6587\u4ef6\u4e0d\u5f97\u8d85\u51fa2MB!\\\",\\\"file_path\\\":\\\"null\\\"}\";<\/p>\n
}<\/p>\n
}else{<\/p>\n
msg=\"{ \\\"success\\\":false,\\\"msg\\\": \\\"\u6587\u4ef6\u53ea\u80fd\u4e3ajpg|png|gif \u4e2d\u7684\u4e00\u79cd!\\\",\\\"file_path\\\":\\\"null\\\"}\";<\/p>\n
}<\/p>\n
} catch (IOException e) {<\/p>\n
msg=\"{ \\\"success\\\": false,\\\"msg\\\": \\\"\u56fe\u7247\u4e0a\u4f20\u5931\u8d25! \\\",\\\"file_path\\\":\\null\\\"}\";<\/p>\n
e.printStackTrace();<\/p>\n
} finally{<\/p>\n
try {<\/p>\n
if(out!=null) out.close();<\/p>\n
if(img!=null) img.close();<\/p>\n
} catch (IOException e) {<\/p>\n
e.printStackTrace();<\/p>\n
}<\/p>\n
}<\/p>\n
print.print(msg); \/\/\u8fd4\u56deijson<\/p>\n
}<\/p>\n<\/blockquote>\n
\u4e00\u5b9a\u8981\u628afile_path \u7684\u8def\u5f84\u5199\u5bf9 \u8def\u5f84\u662f\u76f8\u5bf9\u8def\u5f84\uff0c\u8fd4\u56de\u524d\u53f0 Simditor\u4f1a\u81ea\u52a8\u52a0\u4e0a\u5f53\u524durl<\/span><\/h2>\n
\"QQ\u622a\u56fe20160429224628\"<\/p>\n
\u6210\u529f\u540e\u7684\u7ed3\u679c<\/h2>\n
\"QQ\u622a\u56fe20160429222117\"<\/p>\n
\u8f6c\u8f7d\u8bf7\u6ce8\u660e\uff1a\u5de6\u624b\u4ee3\u7801\u53f3\u624b\u8bd7<\/a> » SpringMVC\u4e2d\u4f7f\u7528\u5bcc\u6587\u672c\u7f16\u8f91\u5668Simditor\u4e0a\u4f20\u56fe\u7247<\/a><\/p>
\r\n            
\r\n                
~\u8c22\u8c22\u6253\u8d4f~<\/div>\r\n                
<\/div>
<\/div>
<\/div><\/div>\r\n