layui 图片上传预览问题

[accpbl0330]

本人使用layui 实现上传图片功能， 在提交上传前预览图片， 图片选择错误需要删除掉。 我参考官网的一些介绍虽然能够预览但无法删除掉选择图片，还请各位指教。代码如下

var uploadInst = upload.render({
                elem: '#uploadImg'
                    ,url: '/HousingManage/Housing/ImgFileSave'
                    ,multiple: true
                    ,auto: false
                    ,exts: 'gif|jpg|jpeg|png|bmp|png' //只允许上传压缩文件
                    ,size: 2*1024 //限制文件大小，单位 KB
                    ,choose: function(obj){
                        //将每次选择的文件追加到文件队列
                        var files = obj.pushFile();
                        //预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
                        obj.preview(function(index, file, result){
                            if(file.size>0 &&  $('#ImgPreview').find('img').length==0){
                                $('#ImgPreview').empty();
                            }
                            $('#ImgPreview').append('<a class="layui-upload-img" id="upload_img_'+index+'"><span><i class="iconfont"></i></span><img src="'+ result +'" alt="'+ file.name +'"></a>');
                            //obj.upload(index, file); //对上传失败的单个文件重新上传，一般在某个事件中使用
                            //delete files[index]; //删除列表中对应的文件，一般在某个事件中使用
                            $("#upload_img_"+index).bind('click',function(){
                                delete files[index];////这里用官网介绍的方法，但是图片无法删除，提交后还是有图片内容
                                $(this).remove();
                            });
                        });
                    }
                    ,done: function(data){//上传完毕 }
                    }
            });

[lovebaby]

把你的

$("#upload_img_"+index).bind('click',function(){

换成

$("#upload_img_"+index).live('click',function(){

呢

[w309400825]

学习了，以前我也遇到了这个问题

[accpbl0330]

引用 1 楼 xiaojie_cp 的回复:

把你的

$("#upload_img_"+index).bind('click',function(){

换成

$("#upload_img_"+index).live('click',function(){

呢

bind里的点击事件已触发，元素都移除了。 关键还是delete files[index] 没起到作用 $("#upload_img_"+index).bind('click',function(){ delete files[index];////这里用官网介绍的方法，但是图片无法删除，提交后还是有图片内容 $(this).remove(); });