学新通博客

使用jQuery + Ajax + PHP 实现无刷新上传

原创 12341 124

本文出至:学新通博客

//纯ajax 图片上传,ajax来post图片流给服务器。

//FormData 可以把post数据改成流传输。 

<form id="frm">
    <div id="box2">
      <input type="file" name="file1" id="file1" /> <input type="button" value="上传" id="upload" /> 
    </div>
</form>


$("#upload").click(function(){
    var formData = new FormData($( "#frm" )[0]);  
    $.ajax({  
        url: "http://blog.swvq.com/ajaximg.php",  
        type: 'POST',  
        data: formData,  
        async: false,  
        cache: false,  
        contentType: false,  
        processData: false,  
        success: function (res) 
        {  
          alert(res.str)
        },  
        error: function (res)
        {  
            alert(res.str);  
        }  
    });

});


本文出至:学新通博客

标签: