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

本文介绍了一种使用Ajax进行图片上传的方法,通过FormData将图片作为流传输到服务器。示例代码展示了如何设置Ajax请求及配置参数以实现同步上传并接收服务器响应。
<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 : "https://blog.454142.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 );
        }
    });
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值