上传图像后禁用上传按钮http://valums.com/ajax-upload/.

Disable upload button after uploading image http://valums.com/ajax-upload/

本文关键字：valums com ajax-upload 按钮 图像 http      更新时间：2023-09-26

我正在使用这个，valums ajax文件上传：http://valums.com/ajax-upload/，它对我来说很好。我想在上传图像时禁用上传按钮，并想在它旁边再添加两个按钮"删除"answers"查看"。我该如何使用现有的JS文件来做到这一点。

您可以按照以下进行操作

$.ajax({
....
....
....
success:function(resposne){
  // do something 
  $('#upload').attr("disabled", true);
  $('#upload').parent().append('<input type="button" value="delete" id="delete"/>
                                 <input type="view" value="click" id="view"/>');
    }    
});

然后为了处理删除和查看按钮点击，由于这些是dynamically添加的元素，您必须使用on将它们添加到delegate event handler。normal click handler将不适用于添加了dynamically的元素。

$('body').on("click","#delete",function(){
// do the delete operation
});
$('body').on("click","#view",function(){
// do the view operation
});

如果没有任何代码，我们所能做的就是猜测，但假设有两个元素，一个id为"pload-button"的按钮是id为"depload-button-container"的元素的子元素，你可以做如下操作：

$("#upload-button").hide();
$("#upload-button-container").append($("<button type='button'>Delete</button><button type='button'>View</button>"));

因此，如果您的上传按钮具有id"upload_button"并且您要添加的两个按钮已经存在，但已隐藏。（和类"hidden_btn"）

使用jquery，您可以执行以下操作：

$("#upload_button").attr("disabled","disabled")
$(".hidden_btn").show()
相关文章：