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

    可以看到上傳的圖片信息