1. 程式人生 > >AJAX上傳檔案

AJAX上傳檔案

 function checkfile() {
        //formdata儲存非同步上傳資料
        var formData = new FormData($('form')[0]);
        formData.append('file', $(':file')[0].files[0]);
        //坑點: 無論怎麼傳資料,console.log(formData)都會顯示為空,但其實值是存在的,f12檢視Net tab可以看到資料被上傳了
        $.ajax({
            url: '跳轉的地址',
            type: '傳值的方法',
            data: formData,//傳過去的圖片的值
            //這兩個設定項必填
            contentType: false,
            processData: false,
            success: function (data) {
                console.log(data)
                var srcPath = data;

                //注意這裡的路徑要根據自己的儲存檔案的路徑設定
                $('.picDis img').attr('src', srcPath);
            }
        })
    }