添加和上传后jQuery隐藏和删除图像

Question

我正在尝试隐藏和删除图像，这是上传后的附加代码

附加代码

 $('#uploaded_images').append('<div class="container uploaded_image"> <input type="text" value="'+data['result']+'" name="uploaded_image_name[]" id="uploaded_image_name" hidden> <img class="img-thumbnail" width="200" height="200" src="server/uploads/'+data['result']+'" /> <a  id="delete" href="index.php?image='+data['result']+'" class="btn btn-danger">'+data['result']+'</a> </div>');

隐藏代码

$('body').on('click', '#delete', function() {
   // code here
   $(this).hide();
});

由于某些原因$(this).hide();它不起作用

我也想向delete.php？image = + data ['result'] +发送GET请求，以从文件中删除图像。

有人有解决办法吗？

Answer 1

这里正在为隐藏/删除操作[F0]：]

https://jsfiddle.net/usmanmunir/wj2rLhus/5/

要从服务器上载目录中删除文件，您可以发送$('body').on('click', '#delete', function() {
   $(this).parent().remove();
});

在delele.php中

delete.php?image=fileName

unlink（）将让您从上载目录中删除文件，这就是您想要的。

$FileName = $_GET['image']

上传文件并将其存储到数组中

unlink('server/uploads'.$FileName)

希望这会有所帮助。

Answer 2

因为您的代码只是delete按钮是hide。首先找到父div，然后在此父div隐藏之后，这才是正常工作。