Ajax实现文件上传

1.前端demo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript">
function btnSubmit() {
var img = document.getElementById('images').files[0];
var fd = new FormData();
fd.append('FILE', img);
fd.append('name', 'xiaoming');
$.ajax({
type: "post",
url: "http://127.0.0.1/test.php",
processData: false,//非常重要,不可省略
contentType: false,//非常重要,不可省略
dataType: "json",
data: fd,
success: function(data) {

},
error: function(data) {

}
});
}
</script>

2.服务端demo

1
2
3
4
5
$imgName=$_FILES['FILE']['name'];
$tmp_name=$_FILES['FILE']['tmp_name'];
$fileName='./123.jpg';
$rst=move_uploaded_file($tmp_name,$fileName);
echo $rst;

注:
1.$fileName路径中的路径必须存在;
2.$fileName路径中不可出现中文;
若不满足则两种情况,可能会false;