上传带有图像的表单到ajax和php

时间:2014-06-15 07:16:36

标签: javascript php ajax

我将图像上传到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传递图像我已经谷歌搜索但仍然不知道。任何人都可以为我完成代码吗? 真的需要很多帮助

1 个答案:

答案 0 :(得分:1)

正如评论中提到的@I Can Can Kittenz,您可以使用FormData使用ajax上传文件。但问题是compatability,你不会得到旧浏览器的支持。要使用FormData完成实现ajax文件上载,请检查此article