Jquery 如何禁用uploadify upload按钮_Jquery_Asp.net_Uploadify

Jquery 如何禁用uploadify upload按钮

jquery asp.net

Jquery 如何禁用uploadify upload按钮,jquery,asp.net,uploadify,Jquery,Asp.net,Uploadify,我正在尝试设计一个多文件上传器，我正在使用Uploadify。我将有5个上传按钮。我想要的是在页面加载时启用第一个，而禁用其他4个。成功上传第一个按钮中的文件后，应启用第二个按钮，依此类推我尝试过搜索，但是有一些帖子建议隐藏上传者（高度=0）我在ready函数中尝试过类似的东西 $('#FileUpload2').fileUpload('enabled', false); $('#FileUpload3').fileUpload('enabled', false); $('#Fi

我正在尝试设计一个多文件上传器，我正在使用Uploadify。我将有5个上传按钮。我想要的是在页面加载时启用第一个，而禁用其他4个。成功上传第一个按钮中的文件后，应启用第二个按钮，依此类推

我尝试过搜索，但是有一些帖子建议隐藏上传者（高度=0）

我在ready函数中尝试过类似的东西

  $('#FileUpload2').fileUpload('enabled', false);
  $('#FileUpload3').fileUpload('enabled', false);
  $('#FileUpload4').fileUpload('enabled', false);
  $('#FileUpload5').fileUpload('enabled', false);

我不确定这是否正确。我已经尽可能清楚地说明了这一点。如果可能，请为我提供一个替代解决方案

更新

这是完整的代码

<head runat="server">
    <title></title>
     <link rel="Stylesheet" type="text/css" href="CSS/uploadify.css" />
     <script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.uploadify.js"></script>
</head>
<body>
<form id="form1" runat="server">
    <div style = "padding:40px">
        <asp:FileUpload ID="FileUpload1" runat="server" />
    </div>
    <div id="fu2" style = "padding:40px;">
        <asp:FileUpload ID="FileUpload2" runat="server" />
    </div>
    <ul id="appendImg">

    </ul>
</form>
</body>
</html>
<script type = "text/javascript">
    $(document).ready(function () {
        // put all your jQuery goodness in here.

        $("#<%=FileUpload2.ClientID%>").uploadify('disable', true);

    });
    $(window).load(
    function () {
        $("#<%=FileUpload1.ClientID%>").fileUpload({
            'uploader': 'scripts/uploader.swf',
            'uploadLimit': 3,
            'cancelImg': 'images/cancel.png',
            'buttonText': 'Browse Files',
            'script': 'Upload.ashx',
            'folder': 'uploads',
            'fileDesc': 'Image Files',
            'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
            'multi': false,
            'auto': true,
            'onComplete': function (event, queueID, fileObj, response, data) {
                //alert(fileObj.filePath);
               // $('#kk').attr('src', "" + fileObj.filePath + "");
                var html = '';
                html += '<li><img src="' + fileObj.filePath + '" alt="" style="width:100px;height:100px;" /></li>';
                $('#appendImg').append(html);
                //$('#fu2').attr('style', 'padding:40px;display:block;');
            },
            'onAllComplete': function (event, queueID, fileObj, response, data) {

            },
            'onUploadSuccess': function (file, data, response) {
                $('#FileUpload1').uploadify('settings', 'height', 0);
                $('#FileUpload1').uploadify('settings', 'width', 0);
                $('#FileUpload2').uploadify('settings', 'height', 400);
                $('#FileUpload2').uploadify('settings', 'width', 400);
            }
        });


        $("#<%=FileUpload2.ClientID%>").fileUpload({
            'uploader': 'scripts/uploader.swf',
            'uploadLimit': 3,
            'cancelImg': 'images/cancel.png',
            'buttonText': 'Browse Files',
            'script': 'Upload.ashx',
            'folder': 'uploads',
            'fileDesc': 'Image Files',
            'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
            'multi': false,
            'auto': true,
            'setDisabled':true,
            'onComplete': function (event, queueID, fileObj, response, data) {
                //alert(fileObj.filePath);
                // $('#kk').attr('src', "" + fileObj.filePath + "");
                var html = '';
                html += '<li><img src="' + fileObj.filePath + '" alt="" style="width:100px;height:100px;" /></li>';
                $('#appendImg').append(html);
            },
            'onAllComplete': function (event, queueID, fileObj, response, data) {

            }
        });
    }


);
</script>




$（文档）.ready（函数（）{
//把你所有的jQuery优点都放在这里。
$（“#”）上传（'disable'，true）；
});
$（窗口）。加载(
函数（）{
$（“#”）文件上载({
'uploader'：'scripts/uploader.swf'，
“上载限制”：3，
'cancelImg'：'images/cancel.png'，
'buttonText'：'Browse Files'，
'script'：'Upload.ashx'，
'文件夹'：'上载'，
'fileDesc'：'Image Files'，
“fileExt”：“*.jpg；*.jpeg；*.gif；*.png”，
“多重”：错误，
“自动”：正确，
“onComplete”：函数（事件、队列ID、fileObj、响应、数据）{
//警报（fileObj.filePath）；
//$（'#kk'）.attr（'src'，“+fileObj.filePath+”）；
var html=''；
html+=''；
$（'#appendImg'）.append（html）；
//$（'#fu2'）.attr（'style'，'padding:40px；display:block；'）；
},
“onAllComplete”：函数（事件、队列ID、fileObj、响应、数据）{
},
“onUploadSuccess”：函数（文件、数据、响应）{
$（'#FileUpload1'）.uploadify（'settings'，'height'，0）；
$（'#FileUpload1'）.uploadify（'settings'，'width'，0）；
$（'#FileUpload2'）.uploadify（'settings'，'height'，400）；
$（'#FileUpload2'）.uploadify（'settings'，'width'，400）；
}
});
$（“#”）文件上载({
'uploader'：'scripts/uploader.swf'，
“上载限制”：3，
'cancelImg'：'images/cancel.png'，
'buttonText'：'Browse Files'，
'script'：'Upload.ashx'，
'文件夹'：'上载'，
'fileDesc'：'Image Files'，
“fileExt”：“*.jpg；*.jpeg；*.gif；*.png”，
“多重”：错误，
“自动”：正确，
“setDisabled”：true，
“onComplete”：函数（事件、队列ID、fileObj、响应、数据）{
//警报（fileObj.filePath）；
//$（'#kk'）.attr（'src'，“+fileObj.filePath+”）；
var html=''；
html+=''；
$（'#appendImg'）.append（html）；
},
“onAllComplete”：函数（事件、队列ID、fileObj、响应、数据）{
}
});
}
);

我知道你可以选择两条路线，第一条是“隐藏”按钮，第二条是“禁用”按钮

第一个选项（确保启动前隐藏最后4个按钮）：

第二种选择：

'onUploadSuccess':function(file, data, response){
    $('#FileUpload1').uploadify('settings', 'height', 0);
    $('#FileUpload1').uploadify('settings', 'width', 0);
    $('#FileUpload2').uploadify('settings', 'height', 400);  
    $('#FileUpload2').uploadify('settings', 'width', 400);
    }

希望这有助于。。。这里使用的是默认的uploadify

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UploadiFive Test</title>
<!-- script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadify.css"-->
<style type="text/css">
body {
    font: 13px Arial, Helvetica, Sans-serif;
}
</style>
</head>

<body>
    <h1>Uploadify Demo</h1>
    <form>
        <div id="queue"></div>
        <input id="file_upload" name="file_upload" type="file" multiple="true">
        <input id="file_upload2" name="file_upload2" type="file" multiple="true">
    </form>

    <script type="text/javascript">
        <?php $timestamp = time();?>


        $(function() {
            $('#file_upload').uploadify({
                'formData'     : {
                    'timestamp' : '<?php echo $timestamp;?>',
                    'token'     : '<?php echo md5('unique_salt' . $timestamp);?>'
                },
                'swf'      : 'uploadify.swf',
                'uploader' : 'uploadify.php',
                'onUploadSuccess':function(file, data, response){
                $('#file_upload').uploadify('settings', 'height', 0);
                $('#file_upload').uploadify('settings', 'width', 0);
                $('#file_upload2').uploadify('settings', 'height', 400);  
                $('#file_upload2').uploadify('settings', 'width', 400);
                }
            });
        });
    </script>
    <script type="text/javascript">
        <?php $timestamp = time();?>
        $(function() {
            $('#file_upload2').uploadify({
                'formData'     : {
                    'timestamp' : '<?php echo $timestamp;?>',
                    'token'     : '<?php echo md5('unique_salt' . $timestamp);?>'
                },
                'swf'      : 'uploadify.swf',
                'uploader' : 'uploadify.php',
                'onUploadSuccess':function(file, data, response){
                $('#file_upload2').uploadify('settings', 'height', 0);
                $('#file_upload2').uploadify('settings', 'width', 0);
                },
                'onSWFReady' : function() {
                $('#file_upload2').uploadify('settings', 'height', 0);
                $('#file_upload2').uploadify('settings', 'width', 0);
        }
            });
        });
    </script>
</body>
</html>


上传测试
身体{
字体：13px Arial，Helvetica，无衬线；
}
上传演示
$（函数（）{
$（'#文件上传'）。上传({
“formData”：{
“时间戳”：“，
“令牌”：”
},
'swf'：'uploadify.swf'，
'uploader'：'uploadify.php'，
“onUploadSuccess”：函数（文件、数据、响应）{
$（“#文件上传”）.uploadify（'settings'，'height'，0）；
$（“#文件上传”）.uploadify（'settings'，'width'，0）；
$（'#file_upload2'）。uploadify（'settings'，'height'，400）；
$（'#file_upload2'）。uploadify（'settings'，'width'，400）；
}
});
});
$（函数（）{
$（'#文件_upload2'）。上传({
“formData”：{
“时间戳”：“，
“令牌”：”
},
'swf'：'uploadify.swf'，
'uploader'：'uploadify.php'，
“onUploadSuccess”：函数（文件、数据、响应）{
$（'#file_upload2'）。uploadify（'settings'，'height'，0）；
$（'#file_upload2'）。uploadify（'settings'，'width'，0）；
},
“onSWFReady”：函数（）{
$（'#file_upload2'）。uploadify（'settings'，'height'，0）；
$（'#file_upload2'）。uploadify（'settings'，'width'，0）；
}
});
});

我想这两种方法都会隐藏按钮。第二种方法也会在页面中隐藏按钮。我希望按钮在页面上，只是被禁用，以便用户不能点击它们，但可见。抱歉，刚刚更新了第二个选项，并对其进行了测试。对于第二个选项，按钮仍然存在，但不可点击…我已经尝试过，但不起作用：（我正在发布完整的代码，请看一看？请发布您的工作代码？我看看是否可以找出我做错了什么？添加了一个使用默认uploadify包的示例。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UploadiFive Test</title>
<!-- script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadify.css"-->
<style type="text/css">
body {
    font: 13px Arial, Helvetica, Sans-serif;
}
</style>
</head>

<body>
    <h1>Uploadify Demo</h1>
    <form>
        <div id="queue"></div>
        <input id="file_upload" name="file_upload" type="file" multiple="true">
        <input id="file_upload2" name="file_upload2" type="file" multiple="true">
    </form>

    <script type="text/javascript">
        <?php $timestamp = time();?>


        $(function() {
            $('#file_upload').uploadify({
                'formData'     : {
                    'timestamp' : '<?php echo $timestamp;?>',
                    'token'     : '<?php echo md5('unique_salt' . $timestamp);?>'
                },
                'swf'      : 'uploadify.swf',
                'uploader' : 'uploadify.php',
                'onUploadSuccess':function(file, data, response){
                $('#file_upload').uploadify('settings', 'height', 0);
                $('#file_upload').uploadify('settings', 'width', 0);
                $('#file_upload2').uploadify('settings', 'height', 400);  
                $('#file_upload2').uploadify('settings', 'width', 400);
                }
            });
        });
    </script>
    <script type="text/javascript">
        <?php $timestamp = time();?>
        $(function() {
            $('#file_upload2').uploadify({
                'formData'     : {
                    'timestamp' : '<?php echo $timestamp;?>',
                    'token'     : '<?php echo md5('unique_salt' . $timestamp);?>'
                },
                'swf'      : 'uploadify.swf',
                'uploader' : 'uploadify.php',
                'onUploadSuccess':function(file, data, response){
                $('#file_upload2').uploadify('settings', 'height', 0);
                $('#file_upload2').uploadify('settings', 'width', 0);
                },
                'onSWFReady' : function() {
                $('#file_upload2').uploadify('settings', 'height', 0);
                $('#file_upload2').uploadify('settings', 'width', 0);
        }
            });
        });
    </script>
</body>
</html>