上传文件缩略图

2018-08-23  本文已影响0人  Hachiman
function packFile(){
            $('#bigImgGroup').removeClass('imageGroup')
            $('#exampleFormControlFile1').change(function(){
                $('#bigImgGroup').addClass('imageGroup')
                if($(this).get(0).files.length == 0){
                    $('#bigImgGroup').removeClass('imageGroup');
                }
                var newGroup = '<div class="col-sm-10 col-sm-offset-2" id="imageGroup"></div>'
                $('#imageGroup').replaceWith(newGroup);
                $($(this).get(0).files).each(function(){
                    var file = $(this)[0]
                    console.log(file)
                    var reader = new FileReader();
                    reader.readAsDataURL(file);
                    reader.onload=function(e){
                        var img = e.target.result
                        var newImg ="<div class='col-sm-2 goodsSlImg' style='padding:0;'><img class='imgContent' src='"+img+"'></div>"
                        $('#imageGroup').append(newImg)
                    }
                })
            })
        }
上一篇下一篇

猜你喜欢

热点阅读