HTML页面很简单:
<input type="file" name='pic' id="uploadInp" value="上传图片">
<input type="button" value="提交" class="uploadForm">
js:
$('.uploadForm').on('click', function () {
var formData = new FormData();
var file = $("#uploadInp")[0].files[0];
formData.append("file", file);
$.ajax({
url: "book.php",
type: 'POST',
data: formData,
// 告诉jQuery不要去处理发送的数据
processData: false,
// 告诉jQuery不要去设置Content-Type请求头
contentType: false,
beforeSend: function () {
console.log("正在进行,请稍候");
},
success: function (data) {
console.log(data);
},
error: function (data) {
console.log(data);
}
});
PHP页面:
print_r($_FILES);
可以看到上传的图片信息