javascript - 使用 JQuery 删除图像

Question

我正在开发一个跨平台移动应用程序，其中我在 GridView 中显示 SD 卡中的图像。但是我想在用户单击每个图像后删除这些图像。 我尝试过使用remove()，但它不起作用。任何人都可以告诉我我必须做什么。

function listDir(directoryEntry, domParent){
$.mobile.showPageLoadingMsg(); // show loading message  
var directoryReader = directoryEntry.createReader();    
alert(directoryEntry.toURL());
var s=directoryEntry.toURL();
directoryReader.readEntries(function(entries){ // success get files and folders
    for(var i=0; i<entries.length; ++i){            
        if( i%2 == 0) domParent.append('<div class="ui-block-a"><div class="thumbnail"><img src="'+s+""+entries[i].name+'" title="'+entries[i].name+'" /></div></div>');
        else domParent.append('<div class="ui-block-b"><div class="thumbnail"><img src="'+s+""+entries[i].name+'" title="'+entries[i].name+'" /></div></div>');                    
        console.log(entries[i].name);
      console.log(entries[i].fullPath);       
    }
    $("#back").click(del);
    function del(){
    for(var i=0;i<entries.length;++i){
    entries[i].delete;
    entries[i].remove(function(file){
        console.log("File removed!");
    },function(){
        console.log("error deleting the file " + error.code);
        });
    }
    alert("Image deleted");
         window.location="camera.html";

    }         
    $.mobile.hidePageLoadingMsg(); // hide loading message
}, function(error){ // error get files and folders
    alert(error.code);
}); 

显示图像

function showImage(){
    var imgs = $('#gallery img');
    imgs.live('click', function(){       
        var title = $(this).attr('title');
        $('#picture h1').text(title);
        $('#pic').html($(this).clone());        
        $.mobile.changePage($('#picture'));        
    });
}

Answer 1

entries[i].delete;

没有这样的删除属性。如果您想从数组中删除某些属性，请使用

 delete entries[i];

但它不会清空数组，而是会在这些索引中插入 undefined

如果您想立即清空数组，即一步操作

entries = []

或

entries.length = 0

就从 DOM 中删除图像而言，您可以使用

$('#gallery img').remove()

为类似场景创建一个 fiddle :

Fiddle