與圖像Ajax和PHP上傳表單

我做的圖片上傳到Ajax和發送與形式到PHP。但我有搜索到很多來源，但仍然沒有idea.can任何人幫我完成的代碼？與圖像Ajax和PHP上傳表單

<form name="registerform" id="data"> 
    <div id="formleft"> 
      <input type="email" name="email" placeholder="Email Address"><br> 
      <input type="file" id="pic" name="profile_pic" class="image_input" /> 
    <input type="button" name="register" value="Sign Up" onclick="re2()" /><br> 
    </div> 
</form> 


function re2() 
{ 

var image=document.getElementById("pic").src; 
var re_email1=$("[name=register_email]").val(); 
$.ajax({ 
    type : "get", 
    url : "add.php", 
    data :  "type=regis2&image="+image+"&re_email="+email, 
    success : function(data){ 
     alert(data); 
*/ how i get the image file from form and pass the file to here and send ?? */  

    } 
}); 

} 



<?php 
if ($_GET['type'] == "regis2") 
{ 
$image=$_GET['image']; 
$email=$_GET['re_email']; 
$target_Path = 'image/'; 
$target_Path = $target_Path.basename($_FILES['image']['name']); 
move_uploaded_file($_FILES["image"]["tmp_name"] , $target_Path); 
} 
?> 


}

我該如何傳遞圖像使用ajax.becuase我有搜索谷歌，但仍然不知道。任何人都可以爲我完成代碼？確實需要很多幫助

來源

2014-06-15 user3149572

我想你所想的文件傳遞給PHP直接，你可以通過AJAX也以同樣的方式的方式完整實現AJAX文件上傳。但事實並非如此，爲了通過AJAX傳遞文件，你需要有一個FormData對象。這[後]（http://stackoverflow.com/questions/10899384/uploading-both-data-and-files-in-one-form-using-ajax）會幫助你。 –

你能給我完整的代碼嗎？，因爲我新手這裏只是進入ajax – user3149572

作爲@I可以讓Kittenz在評論中提到您可以使用FormData上傳使用ajax的文件。但問題是compatability，你不會得到對舊瀏覽器的支持。對於使用FORMDATA檢查這個article

來源

2014-06-15 07:32:17

爲了兼容性，你可以使用隱藏的iframe。 – Jentel

我讀過這篇文章之前，但我逼債知道如何使用它...需要一些編碼器幫我完成它 – user3149572

@ user3149572你下載的文章中的附件，它會給你完整的演示代碼。您可以在文章的右上方找到演示代碼。 –

與圖像Ajax和PHP上傳表單

回答

相關問題