jquery Ajax 上传图片

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);

    可以看到上传的图片信息