jquery图片上传及多上图片上传

*上传截图

       




//上传图片

var pic;

    $('#upload').change(function(){

        var file = $(this)[0];

        var formData = new FormData();

        formData.append('file', file.files[0]);

        $.ajax({

            url:"/index/Upload/uploadImg",

            type: 'POST',

            data: formData,

            async:false,

            contentType: false, // 注意这里应设为false

            processData: false,

            success: function(res){

                console.log(res);

                pic = res.data;

                $('#img').append('');

                $(".camera_box").hide();

            },

            error: function(XHR, textStatus, errorThrown) {

                alert("网络连接失败!!!");

            }

        });

    });

    //多张图片

    $('#upload').change(function(){

        var file = $(this)[0];

        var formData = new FormData();

        formData.append('file', file.files[0]);

        $.ajax({

            url:"/index/Upload/uploadImg",

            type: 'POST',

            data: formData,

            async:false,

            contentType: false, // 注意这里应设为false

            processData: false,

            success: function(res){

                //console.log(res);

                if(res.code=="0"){

                var bq_length = $("#img .upload_img").length;

                console.log(bq_length)

                if(bq_length<=2){

                $('#img').append('

'+

''+

// ''+

'

');

                }

                if(bq_length >= 2){

                $(".rg-sc").hide();

                }

                }

            },

        });

    });

你可能感兴趣的:(jquery图片上传及多上图片上传)