在jquery UI对话框中浏览文件按钮

时间:2011-08-04 16:17:53

标签: javascript jquery uploadify

我正在使用jquery对话框并在该对话框中尝试放置浏览按钮。浏览,我使用“uploadify”插件。现在的问题是如何将uploadify按钮添加到ui对话框?要使用uploadify按钮,我们要在我们的html代码中声明<input type="file" id="myId">。如何链接此文件类型按钮,以便它与对话框一起使用?令人困惑的是,对于ui对话框按钮,我们必须将按钮属性设置为

buttons:{
    "Done": function() {
        processData();
        $( this ).dialog( "close" );
    } 

那么如何在对话框中创建文件类型输入按钮,并为其分配ID? (我要设置“id”警告使文件类型按钮与uploadify一起工作我们做$(“#myId”)。uploadify())

1 个答案:

答案 0 :(得分:1)

作为替代方案,您可以在对话框的close事件上执行processData()函数,如果它验证并使用按钮ID上的.live()来关闭对话框。所以像这样:

HTML:

<input type="file" id="myId">

使用Javascript:

$('#yourDialog').dialog({
    close: function(event, ui) {
        // validate something was picked
        processData();
    }
});
$('#myId').live('click', function() {
    if (event.preventDefault) {
        event.preventDefault();
    } else {
        event.returnValue = false;
    }
    $('#yourDialog').close();
});