kindeditor4上傳圖片
Ⅰ kindeditor上傳圖片瀏覽器兼容性問題
您好,
通過window.attachEvent和window.addEventListener監聽事件,完美解決問題!2、addEventListener的使用方式:
target.addEventListener(type, listener, useCapture);
target: 文檔節點、document、window 或 XMLHttpRequest。
type: 字元串,事件名稱,不含「on」,比如「click」、「mouseover」、「keydown」等。
listener :實現了EventListener 介面或者是 javaScript 中的函數。
useCapture :是否使用捕捉,一般用 false 。
例如:document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode); }, false);
3、target.attachEvent(type, listener);
target: 文檔節點、document、window 或 XMLHttpRequest。
type: 字元串,事件名稱,含「on」,比如「onclick」、「onmouseover」、「onkeydown」等。
listener :實現了 EventListener 介面或者是 JavaScript 中的函數。
例如:document.getElementById("txt").attachEvent("onclick",function(event){alert(event.keyCode);});
4、兩者區別
在IE10及以下版本兼容attachEvent,IE11及火狐兼容addEventListener但不兼容attachEvent
5、彈出窗體在IE9和IE8中不居中
通過調試發現,在「autoPos」函數中兩次返回的X值竟然不一樣,具體為什麼也沒有深入研究。
Ⅱ php版怎麼使用kindeditor4.1批量上傳圖片組件
將upload_json.php中的一段改為:
$save_date=date("YmdHis");
//新文件名
$new_file_name=$save_date.'_'.rand(10000,99999).'.'.$file_ext;
//移動文件
$file_path=$save_path.$new_file_name;
$savePath.=$new_file_name;
if(move_uploaded_file($tmp_name,$file_path)===false){
alert("上傳文件失敗。");
}else{
#####存儲文件路徑#####
$saveDatas=array('path'=>$savePath,'date'=>$save_date);
$mysql->addFile($saveDatas);
if(!empty($_GET['type'])){
$type=$_GET['type'];
header("Location:../list_up_file.php?type={$type}");
}
}
@chmod($file_path,0644);
$file_url=$save_url.$new_file_name;
header('Content-type:text/html;charset=UTF-8');
$json=newServices_JSON();
Ⅲ KindEditor圖片上傳顯示上傳錯誤
解決應用程序錯誤的方法步驟: 1.首先排除病毒原因,使用殺毒軟體,比如最新版本的360殺毒快速查殺3-5分鍾,根據檢查結果,點擊立即處理。 2.如果應用程序出錯的提示是缺少某個文件,那就可能是這個文件損壞,根據這個組件查詢是哪個系統組件損壞,重新安裝相關組件,恢復程序文件,一般即可解決。 3.若是相關軟體自身的組件缺失,只需要重新安裝這個軟體即可。比如運行迅雷時提示缺少某個文件,可以嘗試重新安裝迅雷。 4.若以上方法無效,可能是軟體之間的沖突導致出錯。解決辦法是嘗試關閉幾個無關的正在運行的應用程序,看看錯誤是否還會重現。
Ⅳ kindeditor 上傳本地圖片 圖片說明是怎麼添加到 文本編輯器的alt裡面的。
看了一下源碼,流程似乎是這樣的。
如果是網路圖片,就直接把表單里的值插入代碼。
如果是本地圖片,先上傳,上傳完之後可以獲得返回值,用返回值再插入代碼。
關鍵語句是
clickFn.call(self, url, data.title, data.width, data.height, data.border, data.align);
這句。
也就是說,給圖片說明加上name,然後點擊確定後會上傳到服務端,服務端把這個表單值拿到,放到返回數據的title欄位,應該就行了。
Ⅳ kindeditor-4.1.3中ASP.NET上傳圖片配置
我也遇到過,如果在引用里添加了LitJSON.dll的話,仔細檢查下面的路徑
<head runat="server">
<title>add news</title>
<link href="../kindeditor-4.1.7/themes/default/default.css" rel="stylesheet" type="text/css" />
<link href="../kindeditor-4.1.7/plugins/code/prettify.css" rel="stylesheet" type="text/css" />
<script src="../kindeditor-4.1.7/kindeditor.js" type="text/javascript"></script>
<script src="../kindeditor-4.1.7/lang/zh_CN.js" type="text/javascript"></script>
<script src="../kindeditor-4.1.7/plugins/code/prettify.js" type="text/javascript"></script>
<script>
KindEditor.ready(function (K) {
var editor1 = K.create('#content1', {
cssPath: '../kindeditor-4.1.7/plugins/code/prettify.css',
uploadJson: '../kindeditor-4.1.7/asp.net/upload_json.ashx',
fileManagerJson: '../kindeditor-4.1.7/asp.net/file_manager_json.ashx',
allowFileManager: true,
afterCreate: function () {
var self = this;
K.ctrl(document, 13, function () {
self.sync();
K('form[name=example]')[0].submit();
});
K.ctrl(self.edit.doc, 13, function () {
self.sync();
K('form[name=example]')[0].submit();
});
}
});
prettyPrint();
});
</script>
</head>
尤其是這兩句
uploadJson: '../kindeditor-4.1.7/asp.net/upload_json.ashx',
fileManagerJson: '../kindeditor-4.1.7/asp.net/file_manager_json.ashx',
Ⅵ kindeditor怎麼上傳圖片
Ⅶ Kindeditor上傳圖片「伺服器故障」》
kindeditor 在java環境中用到了 commons-fileupload-1.2.1.jar 組件。
在Common- FileUpload中,它把從客戶端提交過來的表單封裝成一個個FileItem對象,這也是它實現文件上傳功能
的核心類。另一個很重要的類就是FileUploadBase,他的功能就是解析請求(request),如進行上傳文
件大小驗證,請求類型驗證(文件上傳的enctype要設置成multipart/form-data)等。我們經常用到它
的子類ServletFileUpload。在FileUploadBase解析 request的過程中會將文件保存到內存,如果文件大
小大於我們設置的緩存的大小,它將把文件的其他內容保存到一個臨時目錄,當我們對FileItem 對象實
現正真上傳時會從內存區或臨時目錄將文件保存到正真的上傳目錄。
在kindeditor上傳圖片調試過程中,發現
FileItemFactory factory = new DiskFileItemFactory();ServletFileUpload upload = new ServletFileUpload(factory);upload.setHeaderEncoding("UTF-8");List items = upload.parseRequest(request);Iterator itr = items.iterator();while (itr.hasNext()) {
發現代碼4,items為空,取不到需要上傳的文件,故沒有執行while循環,也就沒有返回值,kindeditor報伺服器錯誤。
為什麼取不到值,是因為:struts2過濾訪問的jsp時,會改變reqeust的類型,由HttpServletRequest變成MultiPartRequestWrapper,所以parseRequest就返回了null。
既然在過濾的時候改變reqeust的類型,那就可以修改web.xml不過濾jsp。但是如果在jsp中用到了struts2的標簽就會報500的錯誤,這個方案在我的應用中不適用。
最終解決方案是,寫個Servlet來代替upload_json.jsp的功能。upload_json.jsp裡面的代碼大部分都可以復制到
Servlet中,
upload_json.jsp中的out.prinln返回值用 resp.getWriter().println()代替就行。
jsp調用是,修改imageUploadJson的路徑即可(用的版本是kindeditor-3.5.5,因為KindEditor 4.0 beta與我用到的mootools有沖突,已經提交bug)。
KE.show({
id : 'noticeContent',
imageUploadJson : '<ui:webroot/>/fileUploadServlet?uploadTool=kindeditor',
fileManagerJson : '<ui:webroot/>/js/kindeditor3.5.5/file_manager_json.jsp',
allowFileManager : true
});
文章來源:http://www.kindsoft.net/view.php?bbsid=5&postid=3841
希望對LZ有用!
Ⅷ kindeditor-4.1.10 利用js 怎麼上傳圖片他們官網下下來的例子上傳圖片的功能也是錯的!誰有完整的例子
默認情況下kindeditor上傳的圖片在編輯器的根目錄/attached/目錄下。以日期建一個目錄,然後保存文件。有些時候大概我們並不想這樣。考慮到更新編輯器,或更換編輯器不太方便。比如我現在想把上傳的文件保存在根目錄下的uploadfiles目錄下,需要修改以下代碼:
首先,打開文件php\upload_json.php,在大約第16行到第19行,定義了文件保存目錄路徑和文件保存目錄URL,我們需要修改為:
//文件保存目錄路徑
$save_path = $_SERVER['DOCUMENT_ROOT'].'\\uploadfiles\\';
//文件保存目錄URL
$save_url = '/uploadfiles/';
解釋一下:$save_path 即為最後保存文件的目錄。這里就是根目錄下的uploadfiles
$save_url 即為上傳成功後,圖片的URL地址。
這樣,保存地址就變成了 根目錄下的 uploadfiles/年月日/xxxxx.jpg了。
Ⅸ 我用kindeditor編輯器,為什麼上傳圖片的時候顯示 只有部分圖片被上傳
你看一下,上傳完成後,返回的路徑,是kingeditor裡面圖片的路徑,把那個路徑直接貼在瀏覽器中是否能打開圖片,如果打不開說明路徑有問題,
如果能打開,則說明正常情況
Ⅹ kindeditor 怎麼上傳圖片
過KindEditor實現圖片上傳功能步驟:
(1)修改../plugins/image.js文件中fileName類型為file的name
(2)
添加上傳處理的URL:
var editor;
KindEditor.ready(function(K) {
editor =
K.create('#myeditor',
{
uploadJson :
'/uploadImg'
});
});
(3)返回Json的信息: