1,首先jsp頁面上要加上這個:
導入kindeditor的包基礎包和一些樣式(basePath為當前項目的路徑) <link rel="stylesheet" href="<%=basePath%>JavaScript/kindeditor/themes/default/default.css" charset="utf-8"></link> <link rel="stylesheet" href="<%=basePath%>JavaScript/kindeditor/themes/simple/simple.css" charset="utf-8"></link> <script type="text/javascript" src="<%=basePath%>JavaScript/kindeditor/kindeditor-min.js"></script> <script type="text/javascript" src="<%=basePath%>JavaScript/kindeditor/lang/zh_CN.js"></script>
頁面中的這段不可少,第一個input可以設置為隱藏,一般是用來展示保存的文件路徑的。
<div class="upload"> <input class="ke-input-text" type="text" id="url" value="" readonly="readonly" /> <input type="button" id="uploadButton" value="選擇頭像" /> </div>
2.還要加上這段JS,將button按鈕綁定為kindeditor上傳按鈕
<script type="text/javascript"> KindEditor.ready(function(K) { var uploadbutton = K.uploadbutton({ button : K('#uploadButton')[0], fieldName : 'imgFile', url : '<%=basePath%>JavaScript/kindeditor/jsp/upload_json.jsp?dir=image&EMPID=<%=EMPID%>', afterUpload : function(data) { if (data.error === 0) { var url = K.formatUrl(data.url, 'absolute'); K('#url').val(url); alert(data.message); } else { alert(data.message); } }, afterError : function(str) { alert('自定義錯誤信息: ' + str); } }); uploadbutton.fileBox.change(function(e) { uploadbutton.submit(); }); }); </script>
3.在upload_json.jsp頁面對保存路徑等一系列進行配置。