KindEditor是一個流行的前端javascript富文本編輯器，它提供了強大的圖片上傳和管理功能。在使用KindEditor上傳圖片時， 開發(fā)者需要在后臺程序中處理圖片上傳、保存和返回結果函數(shù)。其中最重要的便是圖片上傳的路徑問題，因為一個正確的圖片上傳路徑，決定了我們圖片上傳之后的展示效果。下面我們來詳細了解一下如何在php中上傳圖片并指定路徑。 首先，我們需要在KindEditor中設置圖片上傳的后臺程序地址和返回結果格式，代碼如下：

KindEditor.ready(function(K) {
K.create('#editor', {
uploadJson : 'upload_json.php',
fileManagerJson : 'file_manager_json.php',
allowFileManager : true,
afterBlur: function() { this.sync(); },
items : [
'source','preview','cut','copy','paste','plainpaste','wordpaste','|',
'justifyleft','justifycenter','justifyright','justifyfull', 'insertorderedlist','insertunorderedlist',
'indent','outdent','subscript','superscript','clearhtml','quickformat','selectall','|',
'fullscreen', '/', 'formatblock', 'fontname', 'fontsize', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'table', 'hr',
'emoticons', 'baidumap', 'pagebreak', 'anchor', 'link', 'unlink', '|', 'about'
]
});
});

其中uploadJson : 'upload_json.php'就是后臺程序上傳圖片的地址，我們需要在這里監(jiān)聽并處理上傳圖片的一些數(shù)據(jù)信息。 接下來是在php中上傳圖片并指定路徑的代碼, 首先看HTML代碼：

<form enctype="multipart/form-data" method="POST" >
<input type="file" name="file" id="upload_file" /></form>

這里就是一個簡單的表單代碼，讓我們選擇需要上傳的圖片，然后將圖片內(nèi)容上傳到服務端。接下來是PHP代碼：

$allowedExts = array("gif", "jpeg", "jpg", "png");
$temp = explode(".", $_FILES["file"]["name"]);
$extension = end($temp);
if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/jpg")
|| ($_FILES["file"]["type"] == "image/png"))
&& ($_FILES["file"]["size"]< 2000000)
&& in_array($extension, $allowedExts)) {
if ($_FILES["file"]["error"] >0) {
echo "Error: " . $_FILES["file"]["error"] . "<br>";
} else {
echo "Upload: " . $_FILES["file"]["name"] . "<br>";
echo "Type: " . $_FILES["file"]["type"] . "<br>";
echo "Size: " . ($_FILES["file"]["size"] / 1024) . " kB<br>";
echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br>";
if (file_exists("upload/" . $_FILES["file"]["name"])) {
echo $_FILES["file"]["name"] . " already exists. ";
} else {
move_uploaded_file($_FILES["file"]["tmp_name"],
"upload/" . $_FILES["file"]["name"]);
echo "Stored in: " . "upload/" . $_FILES["file"]["name"];
}
}
} else {
echo "Invalid file";
}

這里我們先判斷用戶上傳文件的類型、大小等是否符合要求，然后再使用move_uploaded_file函數(shù)將文件保存到服務端指定的路徑下。 在這里我們將圖片上傳到了"upload"文件夾中，為了圖片管理方便，建議將圖片分類目錄放在一個單獨的目錄中，比如"upload/images"。 最后，返回結果：

<script>
window.parent.parent.K('#editor').uploadJsonCallback('0', {
url : 'http://localhost/upload/.$_FILES["file"]["name"].'
});
</script>

返回的結果是一組json格式的字符串，其中最關鍵的一項是"url : 'http://localhost/upload/.$_FILES["file"]["name"].'"，這里是將圖片放在了upload目錄下，并指定圖片文件名為上傳的文件名。 總之，在上傳圖片時，要注意路徑問題，同時也要注意文件上傳的安全性。這里我們舉的例子是將圖片直接保存在本地服務器，如果要使用云存儲，則需要相應地調(diào)整上傳路徑成為云盤存儲路徑。