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

Question

我正在使用这个，valum ajax fileupload：http://valums.com/ajax-upload/，它对我来说工作得很好。我想要禁用上传按钮，因为我上传了一张图片，并想增加2个按钮旁边的“删除”和“查看”。我该如何使用现有的JS文件来实现这一点。

Answer 1

你可以像下面这样做

$.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"/>');
    }    
});

然后为了处理delete和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
});

Answer 2

没有任何代码，我们所能做的就是猜测，但是假设有两个元素，一个id='upload- button‘的按钮，它是一个id='upload-button-container’的元素的子元素，你可以这样做：

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

Answer 3

因此，如果您的upload按钮的id为"upload_button“，并且您想要添加的两个按钮已经存在，但处于隐藏状态。(以及类"hidden_btn")

使用jquery，您可以这样做：

$("#upload_button").attr("disabled","disabled")
$(".hidden_btn").show()