マルチピクチャアップロードと選択的に削除

    
    
    
    
     
    


    
     
     
 
    
    
        window.URL = window.URL || window.webkitURL;
        var fileElem = document.getElementById("fileElem");
        // var div_2 = document.getElementById('div_2');
       
        var button = `<button> </button>`
        fileList = document.getElementById("fileList");
        function handleFiles(obj) {
            var files = obj.files;
            var cba =document.createElement('button');
            cba.innerHTML= ' '
            img = new Image();
            if(window.URL){
                //File API
                alert(files[0].name + "," + files[0].size + " bytes");
                img.src = window.URL.createObjectURL(files[0]); // object URL， 
                img.width = 200;
                img.onload = function(e) {
                    window.URL.revokeObjectURL(this.src); // ， object URL
                }
                var div_2 =document.createElement('div');
                div_2.setAttribute('class','div_item');

                div_2.append(img);
                div_2.append(cba);
                fileList.appendChild(div_2);
                // fileList.appendChild(img);
                // fileList.appendChild(cba);
            }else if(window.FileReader){
                //opera createObjectURL/revokeObjectURL 。 FileReader 
                var reader = new FileReader();
                reader.readAsDataURL(files[0]);
                reader.onload = function(e){
                    alert(files[0].name + "," +e.total + " bytes");
                    img.src = this.result;
                    img.width = 200;
                    // fileList.appendChild(img);
                    div_2.appendChild(img);
                }
            }else{
                //ie
                obj.select();
                obj.blur();
                var nfile = document.selection.createRange().text;
                document.selection.empty();
                img.src = nfile;
                img.width = 200;
                img.οnlοad=function(){
                    alert(nfile+","+img.fileSize + " bytes");
                }
                // fileList.appendChild(img);
                div_2.appendChild(img);
            }
        }
        $('#fileList').on('click','button',function(e){
            // alert(e);
            $(this).parent().remove();

        })