资讯专栏INFORMATION COLUMN

ajax+php上次图片

hover_lew / 1206人阅读

摘要:以文件为数组下标,不适用对应中的文件命名名字转换成处理文件不存在才上传默认上传失败文件大小限制上传文件已存在文件设置为上传成功输出图片文件上传失败则把传回给前端

HTML:

ajax:
$("#changeImg").change(function () {

        var data = new FormData();
        //为FormData对象添加数据
        $.each($("#changeImg")[0].files, function(i, file) {
            data.append("upload_file"+i, file);
        });
        console.log(data);
        //$(".loading").show();    //显示加载图片
        //发送数据
        $.ajax({
            url:url,
            type:"POST",  /*提交方式*/
            data:data,
            cache: false,
            contentType: false,        /*不可缺*/
            processData: false,         /*不可缺*/
            success:function(data){
                //data = $(data).html();        /*转格式*/
                $(".img2").attr("src",data);
                console.log(data);
                console.log(1);
            },
            error:function(){
                alert("上传出错");
            }
        });
    })

PHP:
header("content-type:text/html charset:utf-8");
$dir_base = $_SERVER["DOCUMENT_ROOT"]; //文件上传根目录
//没有成功上传文件,报错并退出。
$output = "