小编Tim*_*sen的帖子

所以我有一个系统，网站的用户可以创建 div，所有这些 div 都有不同的类名称，所有这些 div 还将创建一个具有相同类的删除按钮。如何在单击按钮时删除按钮和具有相同类的 div。

我想它会是这样的：

$("div.Test").remove();

只比使用 this 标签。

我的问题是如何将div的背景图像更改为由输入文件元素选择的图像.当站点的用户点击另一个输入元素时,隐藏并执行文件输入是该代码:

$(function(){
  $('#verborgen_file').hide();
  $('#uploadButton').on('click',function(){
    $('#verborgen_file').trigger('click');
  });
});

所以文件输入是#verborgen_file而另一个输入是#uploadButton现在我正在寻找一种方法,当用户点击#uploadButton并因此触发#verborgen_file并选择一个图像(并且只有一个图像)时,背景图像div #pf_foto更改为所选图像.

我已经尝试了很多东西,但是无法让它工作所以提前谢谢!

- - 编辑 - -

我试过这个:

$("#verborgen_file").on("change", function(){

    var files = !!this.files ? this.files : [];
    if ( !files.length || !window.FileReader ) return;
    if ( /^image/.test( files[0].type ) ) {
        var reader = new FileReader();
        reader.readAsDataURL( files[0] );
        reader.onloadend = function(){
            $("#pf_foto").css("background-image", "url(" + this.result + ")");
        }
    }
});