如何在php中顯示甜蜜警報後使用ajax上傳文件？

我現在有一個麻煩，插入一個文件輸入（圖像）到我的數據庫，但它會返回我空值，當我試圖將其插入數據庫。如何在php中顯示甜蜜警報後使用ajax上傳文件？

這是我的腳本

<script> 
     $("#insertform").on('submit',(function(e) { 
/*   $('#submit').toggleClass('active'); 
      document.getElementById('submit').disabled = 'disabled'; */ 
      var data=$('#insertform').serialize(); 
      e.preventDefault(); 
      swal({ 
       title: "Are you sure", 
       text: "Do you want to save hotel data", 
       type: "info", 
       showCancelButton: true, 
       closeOnConfirm: false, 
       showLoaderOnConfirm: true, }, 
       function(){ 
        setTimeout(function(){  
        $.ajax({ 
         url: "hotels/insert_Hotel.php", 
         type: "POST", 
         data: new FormData(this), 
         async: false, 
         success: function(data){ 
          swal("Saved! your hotel data has been saved"); 
          location.reload(); 
         }, 
         contentType: false, 
         cache: false, 
         processData:false, 
         error: function(){ 
          alert('error handing here'); 
         } 
        });  
        }, 2000); 
       }); 
     })); 
    </script>

這是我的PHP文件

<?php 
if(is_array($_FILES)) { 
if(is_uploaded_file($_FILES['logo']['tmp_name'])) { 
$randomvalue=rand(1,999999999); 
$date=date("Y-m-d H:i:s a"); 
$sourcePath = $_FILES['logo']['tmp_name']; 
$targetPath = $_SERVER['DOCUMENT_ROOT']."/hotelLogos/".$randomvalue.$date.$_FILES['logo']['name']; 
$dbpath="../../hotelLogos/".$randomvalue.$date.$_FILES['logo']['name']; 
move_uploaded_file($sourcePath,$targetPath); 
} 
else{ 
    echo 'file not uploaded'; 
} 
} 
?>

它不上傳文件到文件夾，並不會插入值表...

來源

2015-10-20 lahiru

'它返回我空值'你不會返回任何值，除非有錯誤..？我會建議你閱讀這個問題：http://stackoverflow.com/questions/166221/how-can-i-upload-files-asynchronously –

我看到很多錯誤和問題，同時保存圖像與AJAX。我建議你使用fileupload.js（https://blueimp.github.io/jQuery-File-Upload/）通過js上傳文件。最好的。 –

new FormData(this)這裏this不是形式，而是你需要傳遞的形式，您new FormData(form)在阿賈克斯：

data: new FormData($('#insertform')[0]), // <---change to this.

來源

2015-10-20 06:59:49 Jai

這會導致一個錯誤，'FormData'採用HTMLElement的形式，而不是一個jQuery對象。 https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormData。你的意思是'FormData（$（'＃insertform'）[0]）'？ –

@RoryMcCrossan對第一個建議是正確的，但是'this'是指那裏的表單？ – Jai

謝謝::::爲什麼我們把表單ID後的[0]？ – lahiru

如何在php中顯示甜蜜警報後使用ajax上傳文件？

回答

相關問題