异步上传文件

 这里我写的有点重复了 不太简洁 整体可以再优化

 

formData 是DOM对象 不是jquery对象

 

var formData = new FormData($("#file")[0]); 对象.append() 可以追加表单内所有信息上传服务器

 

Jquery的对象是 不能处理file

 

serialize() 序列化表单，用于 Ajax 请求,直接获取表单内数据传送服务器 ,$("form").serialize()

 

$("#file").change(function(e){                      
    var animateimg = $(this).val();                 //获取上传的图片名 带//
    var imgarr=animateimg.split('\\');                 //分割以逗号                     结果  (C:\fakepath\6.jpg)
    var myimg=imgarr[imgarr.length-1];                 //去掉 // 获取图片名                 6.jpg        
    var houzui = myimg.lastIndexOf('.');             //获取 . 出现的位置                  1


    var lastName = myimg.substring(houzui).toUpperCase();                         // 也可以    (.JPG) 随便 不转也行,不转 下面也要用小写
                              
    var file = $('#file').get(0).files[0];                 //获取上传的文件
    var fileSize = file.size;                           //获取上传的文件大小
    var maxSize = 1048576;                              //最大1MB

    if(lastName !='.PNG'&& lastName !='.JPG' && lastName !='.JPEG'){
        parent.layer.msg('文件类型错误,请上传图片类型');
        return false;
    }else if(parseInt(fileSize) >= parseInt(maxSize)){
        parent.layer.msg('上传的文件不能超过1MB');               // 需要layer的js
        // layer.msg('<p style="color:black">文件上传仅支持 "jpg"和"png"格式</p>', {icon: 5,time: 2000}); 提示框+背景+表情
        return false;
    }else{
        var fileObj = $('#file').get(0).files[0];        23         var formData = new FormData();
        // 存入文件对象
        formData.append('file',fileObj);     
        formData.append('name',$("#name").val());            // 也可以用jquery 获取其他值 追加到后面 一起传过去.  
        console.log(fileObj);

        $.ajax({
            url: "__URL__/setImg",
            type: 'POST',
            data: formData,
            dataType: 'json',
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            success: function (response) {
                if (response.status == 1) {
                     alert(response.msg);
                    window.location.href="<?php echo U('index');?>";
                }else if(response.status == 2){
                    alert(response.msg);
                }else {
                    alert(response.msg);
                }
            },
        })
    }
});        

php　　　

setImg方法返回格式:

 echo json_encode(array('status'=>1,'msg'=>"上传成功",'pic'=>$newName));