Question

我正在使用这个，valums ajax fileupload：http://valums.com/ajax-upload/，它对我来说很好。我想在上传图片时禁用上传按钮，并希望在其旁边再添加2个按钮“删除”和“查看”。我如何使用现有的JS文件来做到这一点。

Answer 1

没有任何代码我们所能做的就是猜测，但假设有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 2

您可以按照以下方式进行操作

$.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添加的元素，您必须使用delegate event handler on。 normal click handler不适用于dynamically添加的元素。

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

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

Answer 3

因此，如果您的上传按钮的ID为“upload_button” 并且您要添加的两个按钮已经存在，但是已隐藏。（以及“hidden_btn”类）

使用jquery，你可以这样做：

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

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

3 个答案: