美文网首页
上传文件缩略图

上传文件缩略图

作者: Hachiman | 来源:发表于2018-08-23 09:57 被阅读0次
    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)
                        }
                    })
                })
            }
    

    相关文章

      网友评论

          本文标题:上传文件缩略图

          本文链接:https://www.haomeiwen.com/subject/tzkpiftx.html