一、html端的代碼
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<input type="file" name="myfiles" id="myfiles" onchange="uploadImage('myfiles',this)">
</body>
<script type="text/javascript">
function uploadImage(field,that) {
var file = that.files[0];
//傳遞表單名稱，後臺可以根據表單名稱獲取文件
var formfield = field.replace('@','_').replace('[]','');//表單名稱特殊字符轉義.操作對象是china@beijing[]這類字符串
var formdata = new FormData();
formdata.append(formfield, file);
XHR = new XMLHttpRequest();
XHR.open('POST', 'baidu.addimages?&field='+formfield, true);
XHR.onreadystatechange = function() {
if (XHR.readyState == 4) {
var text = XHR.responseText;
console.log(text);
//#####
//#####
}
};
XHR.send(formdata);
}
</script>
</html>
二、PHP端的代碼
<?php
#####
public function addimg(){
$field = $_GET['field'];
$name = $_FILES[$field]["name"];
$tmpName = $_FILES[$field]["tmp_name"];
$newName = md5_file($tmpName).'.'.pathinfo($name, PATHINFO_EXTENSION);
$file = '../upload/images/' . $newName;
move_uploaded_file($_FILES[$field]["tmp_name"], $file);
echo 1;
}
#####
?>
