瑕佸湪PHP涓娇鐢╝jaxfileupload.js锛岄渶瑕佹寜鐓т互涓嬫楠よ繘琛屾搷浣滐細

1. 棣栧厛锛岀‘淇濅綘宸茬粡寮曞叆浜哸jaxfileupload.js鏂囦欢銆傚彲浠ラ€氳繃浠ヤ笅鏂瑰紡鍦℉TML鏂囦欢涓紩鍏ワ細

<script src="ajaxfileupload.js"></script>

2. 鍦ㄤ綘鐨凱HP鏂囦欢涓紝澶勭悊鏂囦欢涓婁紶鐨勯€昏緫銆備綘鍙互浣跨敤$_FILES鍙橀噺鏉ヨ幏鍙栦笂浼犵殑鏂囦欢淇℃伅銆備緥濡傦細

$target_dir = "uploads/"; // 涓婁紶鏂囦欢淇濆瓨鐨勭洰褰?/span>
$target_file = $target_dir . basename($_FILES["file"]["name"]); // 涓婁紶鏂囦欢鐨勮矾寰?/span>
$uploadOk = 1; // 涓婁紶鏄惁鎴愬姛鐨勬爣璇?/span>
if(isset($_POST["submit"])) {
$check = getimagesize($_FILES["file"]["tmp_name"]);
if($check !== false) {
echo "File is an image - " . $check["mime"] . ".";
$uploadOk = 1;
} else {
echo "File is not an image.";
$uploadOk = 0;
}
}
if ($uploadOk == 0) {
echo "Sorry, your file was not uploaded.";
} else {
if (move_uploaded_file($_FILES["file"]["tmp_name"], $target_file)) {
echo "The file ". basename( $_FILES["file"]["name"]). " has been uploaded.";
} else {
echo "Sorry, there was an error uploading your file.";
}
}

3. 鍦ㄥ墠绔〉闈腑锛屼娇鐢╝jaxfileupload.js鏉ュ鐞嗘枃浠朵笂浼犮€備綘鍙互閫氳繃浠ヤ笅鏂瑰紡璋冪敤ajaxfileupload鍑芥暟锛?/li>

$.ajaxFileUpload({
url: 'upload.php', // 澶勭悊鏂囦欢涓婁紶鐨凱HP鏂囦欢璺緞
secureuri: false,
fileElementId: 'file_upload', // 鏂囦欢input鍏冪礌鐨刬d灞炴€?/span>
dataType: 'json',
success: function (data, status) {
// 鏂囦欢涓婁紶鎴愬姛鍚庣殑澶勭悊閫昏緫
alert(data.message);
},
error: function (data, status, e) {
// 鏂囦欢涓婁紶澶辫触鍚庣殑澶勭悊閫昏緫
alert('File upload failed.');
}
});

浠ヤ笂鏄娇鐢╝jaxfileupload.js杩涜鏂囦欢涓婁紶鐨勫熀鏈楠ゃ€傛牴鎹綘鐨勫叿浣撻渶姹傦紝浣犲彲鑳介渶瑕佽繘琛屼竴浜涢澶栫殑閰嶇疆鍜屽鐞嗐€?/p>