2013-04-05 149 views
1

我有一個問題。 是否可以使用Ajax POST和PHP將文件從文件輸入上傳到MySQL?圖片上傳,ajax,php,mysql

像這樣:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("#form_id").submit(function(){ 
      $.ajax({ 
      type:"POST", 
       data:image_data, 
       url:"/path_to_php/ImageSave.php", 
       success: function(msg){ 
         alert("ok"); 
        } 
      }); 
      return false; 
     }); 
    }); 
}); 
</script> 
<form name="form_name" id="form_id" action="#" method="POST"> 
    <input type="file" name="image" id="image" /> 
    <button>Save</button> 
</form> 
+0

是的,您可以將圖像文件存儲在MYSQL數據庫中,只需使用BLOB列類型即可。 – Tony 2013-04-05 00:51:43

+0

可能的重複:http://stackoverflow.com/questions/166221/how-can-i-upload-files-asynchronously-with-jquery – Jon 2013-04-05 00:53:52

回答

1

上傳文件並將其存儲在數據庫中可以通過多種方式來完成。 this is one tutorial for doing this.。但問題是,如果你想要做的是使用Ajax,這是絕對有可能,check this out但幾乎通用的瀏覽器犯規支持,解決的辦法是:用IFRAME

+0

感謝您的回答和您的幫助。我解決了[this](http://net.tutsplus.com/tutorials/javascript-ajax/uploading-files-with-ajax/)腳本的問題。 – 2013-04-05 13:25:16

+0

恭喜。高興可以幫助。 – egig 2013-04-05 13:31:42

+0

是否可以發送表單數據與圖像在MySQL與Ajax? – 2013-04-20 10:08:34

0

試試這個。

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#button").click(function(){ 
    var form_data = $('#reg_form').serialize(); 
    $.ajax({ 
     type:"POST", 
     url:"/path_to_php/ImageSave.php", 
     data:form_data, 
     success: function(data) 
     { 
      $("#info").html(data); 
     } 

    }); 
    }); 

    }); 
    </script>