ZZCS/coding/web/busManager/js/car_main.js

/**
 * Created by admin on 2016/11/3.
 */

//加载图片类型数组
function load_img_type() {
    $.ajax({
        url: base_api + 'carManager/index.php', //请求地址
        data: {
            tp: "carControl_getImgType"
        },
        type: "post", //请求方式
        dataType: "json",
        success: function (data) {
            console.log(data);
            if (data.code == 0) {
                data = data.data;
                var temp = '<option value="0">请选择</option>';
                for (var i = 0, j = data.length; i < j; i++) {
                    temp += '<option value="' + data[i].id + '">' + data[i].img_status + '</option>';
                }
                $(".bus_img_type").html(temp);
            } else {
                ZZAlertInfo(data.info);
            }

        }
    });
}

$("div.bus_img_group").on('change', '.bus_img_path', function (e) {
    //图片如果太大，提示
    // 取消按钮也会触发
    var img = $(this).closest('.bus_img_div').find('.bus_image');
    if (this.files.length > 0) {
        if (this.files[0]['size'] > 20000000) {
            this.value = '';
            ZZAlertInfo('图片大小必须在2M以下');
            return true;
        }
        //复制前一个div，设置值为空
        if ($(".bus_img_group .bus_image[class='bus_image']").length == 1) {
            var newImg = $(this).closest('.bus_img_div').clone();
            $(newImg).find('input').val('');
            $(".bus_img_group").append(newImg);

        }

        readURL(e, this);
        img.html('-');
        img.addClass('bus_img_remove');
        $(img).closest('.bus_img_div').find('.bus_img_path_old').val('');
    } else {
        removeImg(img);
    }

})

$(".bus_img_group").on('click', '.bus_image', function () {
    if ($(this).hasClass('bus_img_remove'))
        removeImg($(this).closest('.bus_img_div').find('.bus_image'));
    else
        $(this).closest('.bus_img_div').find('.bus_img_path').click();
})
function readURL(event, o) {
    var getImagePath = URL.createObjectURL(event.target.files[0]);
    $(o).closest('.bus_img_div').find('.bus_image').css('background-image', 'url(' + getImagePath + ')');
}

function removeImg(img) {
    $(img).css('background-image', '');
    $(img).html('+');
    $(img).removeClass('bus_img_remove');
    $(img).closest('.bus_img_div').find('input').val('');

}