kindeditor html上傳本地圖片
阿新 • • 發佈:2019-01-07
使用方法
<div>
<textarea id="content"
name="content"><?php echo $is_edit ? $goods['content'] : ""; ?></textarea>
</div>
<script src="./static/js/kindeditor/kindeditor-all-min.js"></script> <script src="./static/js/kindeditor/lang/zh_CN.js"></script> <script src="./static/js/kindeditor/themes/default/default.css"></script> <script> var editor; KindEditor.ready(function (K) { editor = K.create('textarea[name="content"]', { allowFileManager : true }); }); </script>
F:\dev\php\Wampee\www\static\js\kindeditor\php\upload_json.php
F:\dev\php\Wampee\www\static\js\kindeditor\php\file_manager_json.php
如上這連個路徑的檔案直接用是有點小問題的 需要修改
file_manager_json.php
<?php /** * KindEditor PHP * * 本PHP程式是演示程式,建議不要直接在實際專案中使用。 * 如果您確定直接使用本程式,使用之前請仔細確認相關安全設定。 * */ require_once 'JSON.php'; $php_path = $_SERVER['DOCUMENT_ROOT'].'/'; $php_url = '/'; //根目錄路徑,可以指定絕對路徑,比如 /var/www/attached/ $root_path = $php_path . 'static/file/img/'; //根目錄URL,可以指定絕對路徑,比如 http://www.yoursite.com/attached/ $root_url = $php_url . 'static/file/img/'; //圖片副檔名 $ext_arr = array('gif', 'jpg', 'jpeg', 'png', 'bmp'); //目錄名 $dir_name = empty($_GET['dir']) ? '' : trim($_GET['dir']); if (!in_array($dir_name, array('', 'image', 'flash', 'media', 'file'))) { echo "Invalid Directory name."; exit; } if ($dir_name !== '') { $root_path .= $dir_name . "/"; $root_url .= $dir_name . "/"; if (!file_exists($root_path)) { mkdir($root_path,0777, true); } } //根據path引數,設定各路徑和URL if (empty($_GET['path'])) { $current_path = realpath($root_path) . '/'; $current_url = $root_url; $current_dir_path = ''; $moveup_dir_path = ''; } else { $current_path = realpath($root_path) . '/' . $_GET['path']; $current_url = $root_url . $_GET['path']; $current_dir_path = $_GET['path']; $moveup_dir_path = preg_replace('/(.*?)[^\/]+\/$/', '$1', $current_dir_path); } //echo realpath($root_path); //排序形式,name or size or type $order = empty($_GET['order']) ? 'name' : strtolower($_GET['order']); //不允許使用..移動到上一級目錄 if (preg_match('/\.\./', $current_path)) { echo 'Access is not allowed.'; exit; } //最後一個字元不是/ if (!preg_match('/\/$/', $current_path)) { echo 'Parameter is not valid.'; exit; } //目錄不存在或不是目錄 if (!file_exists($current_path) || !is_dir($current_path)) { echo 'Directory does not exist.'; exit; } //遍歷目錄取得檔案資訊 $file_list = array(); if ($handle = opendir($current_path)) { $i = 0; while (false !== ($filename = readdir($handle))) { if ($filename{0} == '.') continue; $file = $current_path . $filename; if (is_dir($file)) { $file_list[$i]['is_dir'] = true; //是否資料夾 $file_list[$i]['has_file'] = (count(scandir($file)) > 2); //資料夾是否包含檔案 $file_list[$i]['filesize'] = 0; //檔案大小 $file_list[$i]['is_photo'] = false; //是否圖片 $file_list[$i]['filetype'] = ''; //檔案類別,用副檔名判斷 } else { $file_list[$i]['is_dir'] = false; $file_list[$i]['has_file'] = false; $file_list[$i]['filesize'] = filesize($file); $file_list[$i]['dir_path'] = ''; $file_ext = strtolower(pathinfo($file, PATHINFO_EXTENSION)); $file_list[$i]['is_photo'] = in_array($file_ext, $ext_arr); $file_list[$i]['filetype'] = $file_ext; } $file_list[$i]['filename'] = $filename; //檔名,包含副檔名 $file_list[$i]['datetime'] = date('Y-m-d H:i:s', filemtime($file)); //檔案最後修改時間 $i++; } closedir($handle); } //排序 function cmp_func($a, $b) { global $order; if ($a['is_dir'] && !$b['is_dir']) { return -1; } else if (!$a['is_dir'] && $b['is_dir']) { return 1; } else { if ($order == 'size') { if ($a['filesize'] > $b['filesize']) { return 1; } else if ($a['filesize'] < $b['filesize']) { return -1; } else { return 0; } } else if ($order == 'type') { return strcmp($a['filetype'], $b['filetype']); } else { return strcmp($a['filename'], $b['filename']); } } } usort($file_list, 'cmp_func'); $result = array(); //相對於根目錄的上一級目錄 $result['moveup_dir_path'] = $moveup_dir_path; //相對於根目錄的當前目錄 $result['current_dir_path'] = $current_dir_path; //當前目錄的URL $result['current_url'] = $current_url; //檔案數 $result['total_count'] = count($file_list); //檔案列表陣列 $result['file_list'] = $file_list; //輸出JSON字串 header('Content-type: application/json; charset=UTF-8'); $json = new Services_JSON(); echo $json->encode($result);
upload_json.php
<?php /** * KindEditor PHP * * 本PHP程式是演示程式,建議不要直接在實際專案中使用。 * 如果您確定直接使用本程式,使用之前請仔細確認相關安全設定。 * */ require_once 'JSON.php'; $php_path = $_SERVER['DOCUMENT_ROOT'].'/'; $php_url = '/'; //檔案儲存目錄路徑 $save_path = $php_path . 'static/file/img/'; //檔案儲存目錄URL $save_url = $php_url . 'static/file/img/'; //定義允許上傳的副檔名 $ext_arr = array( 'flash' => array('swf', 'flv'), 'media' => array('swf', 'flv', 'mp3', 'wav', 'wma', 'wmv', 'mid', 'avi', 'mpg', 'asf', 'rm', 'rmvb'), 'file' => array('doc', 'docx', 'xls', 'xlsx', 'ppt', 'htm', 'html', 'txt', 'zip', 'rar', 'gz', 'bz2'), 'image' => array('gif', 'jpg', 'jpeg', 'png', 'bmp'), ); //最大檔案大小 $max_size = 1000000; $save_path = realpath($save_path) . '\\'; //PHP上傳失敗 if (!empty($_FILES['imgFile']['error'])) { switch($_FILES['imgFile']['error']){ case '1': $error = '超過php.ini允許的大小。'; break; case '2': $error = '超過表單允許的大小。'; break; case '3': $error = '圖片只有部分被上傳。'; break; case '4': $error = '請選擇圖片。'; break; case '6': $error = '找不到臨時目錄。'; break; case '7': $error = '寫檔案到硬碟出錯。'; break; case '8': $error = 'File upload stopped by extension。'; break; case '999': default: $error = '未知錯誤。'; } alert($error); } //有上傳檔案時 if (empty($_FILES) === false) { //原檔名 $file_name = $_FILES['imgFile']['name']; //伺服器上臨時檔名 $tmp_name = $_FILES['imgFile']['tmp_name']; //檔案大小 $file_size = $_FILES['imgFile']['size']; //檢查檔名 if (!$file_name) { alert("請選擇檔案。"); } //檢查目錄 if (is_dir($save_path) === false) { alert("上傳目錄不存在。"); } //檢查目錄寫許可權 if (is_writable($save_path) === false) { alert("上傳目錄沒有寫許可權。"); } //檢查是否已上傳 if (is_uploaded_file($tmp_name) === false) { alert("上傳失敗。"); } //檢查檔案大小 if ($file_size > $max_size) { alert("上傳檔案大小超過限制。"); } //檢查目錄名 $dir_name = empty($_GET['dir']) ? 'image' : trim($_GET['dir']); if (empty($ext_arr[$dir_name])) { alert("目錄名不正確。"); } //獲得副檔名 $temp_arr = explode(".", $file_name); $file_ext = array_pop($temp_arr); $file_ext = trim($file_ext); $file_ext = strtolower($file_ext); //檢查副檔名 if (in_array($file_ext, $ext_arr[$dir_name]) === false) { alert("上傳副檔名是不允許的副檔名。\n只允許" . implode(",", $ext_arr[$dir_name]) . "格式。"); } //建立資料夾 if ($dir_name !== '') { $save_path .= $dir_name . "/"; $save_url .= $dir_name . "/"; if (!file_exists($save_path)) { mkdir($save_path,0777, true); } } $ymd = date("Ymd"); $save_path .= $ymd . "/"; $save_url .= $ymd . "/"; if (!file_exists($save_path)) { mkdir($save_path,0777, true); } //新檔名 $new_file_name = date("YmdHis") . '_' . rand(10000, 99999) . '.' . $file_ext; //移動檔案 $file_path = $save_path . $new_file_name; if (move_uploaded_file($tmp_name, $file_path) === false) { alert("上傳檔案失敗。"); } chmod($file_path, 0777); $file_url = $save_url . $new_file_name; header('Content-type: text/html; charset=UTF-8'); $json = new Services_JSON(); echo $json->encode(array('error' => 0, 'url' => $file_url)); exit; } function alert($msg) { header('Content-type: text/html; charset=UTF-8'); $json = new Services_JSON(); echo $json->encode(array('error' => 1, 'message' => $msg)); exit; }
後續邏輯如果需要繫結商品關係之類的 自己再新增上就好了 搞了一天 終於完成,,開心啊
難度主要是咱們很多csdn上都沒有完整教程,只好用google搜尋 然後弄好了 再來報效祖國。。。。