上傳圖片後禁用上傳按鈕http://valums.com/ajax-upload/

我使用這個，valums ajax fileupload：http://valums.com/ajax-upload/，它對我來說工作正常。我想在上傳圖片時禁用上傳按鈕，並希望在其旁邊添加2個按鈕「刪除」和「查看」。我將如何使用現有的JS文件來做到這一點。上傳圖片後禁用上傳按鈕http://valums.com/ajax-upload/

來源

2012-01-19 Lalit W

顯示一些代碼將有助於..難道你不這麼認爲..？ –

在這裏類似的東西：http://stackoverflow.com/questions/5122602/how-to-disable-ajax-upload-button –

嘿Sudhir，絕對我下次會發布這樣的。非常感謝我的指導。 –

你可以做如下

$.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添加的元素，你必須delegateeventhandler使用on。 normalclickhandler將不適用於dynamically添加的元素。

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

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

來源

2012-01-19 08:04:15

沒有任何代碼我們可以做的只是猜測，但假設有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>"));

來源

2012-01-19 08:01:38 Jason

所以，如果你的上傳按鈕的ID爲「upload_button」，你要添加的兩個按鈕已經存在，但隱藏的。（和與類「hidden_btn」）

使用jQuery，你可以這樣做：

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

來源

2012-01-19 08:07:34 BananaNeil

上傳圖片後禁用上傳按鈕http://valums.com/ajax-upload/

回答

相關問題