多图上传使用 var reader = new FileReader();

标签：

  var input = document.getElementById("J-btn-cont2");
    var img_area = document.getElementById("ul-box");
    if (typeof (FileReader) === ‘undefined‘) {
        dialogBox(‘您的浏览器不支持FileReader属性，请换一个主流浏览器‘);
        input.setAttribute(‘disabled‘, ‘disabled‘);
    } else {
        $(‘#J-btn-cont2‘).on(‘change‘,‘input[type=file]‘,function(){
            var length = $(‘#ul-box li‘).length;
            if( length >= 3 ){
                dialogBox(‘最多只能上传三张图片‘);
                return false;
            }else{
                var file = this.files[0];
                readFile(file);
            }
        })
    }

function readFile(file) {
    //这里我们判断下类型如果不是图片就返回 去掉就可以上传任意文件
    if (!/image\/\w+/.test(file.type)) {
        dialogBox("请确保文件为图像类型");
        return false;
    }
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function (e) {
        var carousel = this.result;
        $.ajax({
            url:‘/Mid/Agency/multiUpload‘,
            dataType:‘JSON‘,
            type:‘POST‘,
            data:{‘carousel‘:carousel},
            success:function( res ){
                if( res.code == 1 ){
                    var _html = ‘<li>\
                        <img src="‘ + res.data + ‘" />\
                        <span class="delete-btn"></span>\
                        <input type="hidden" name="carousel[]" value="‘ + res.data + ‘">\
                        </li>‘;
                    if($(img_area).find(‘li‘).hasClass(‘first‘)){
                        $(img_area).html(‘‘);
                        $(img_area).append(_html);
                    }else{
                        $(img_area).append(_html);
                    }
                }else{
                    dialogBox( res.msg );
                }
            }
        })
    }
}

多图上传使用 var reader = new FileReader();

标签：

原文地址：http://www.cnblogs.com/yuxingliang/p/5743573.html