在按钮单击时更改多个文件上传 jquery 中的最大长度答案

【问题标题】：Change max length in Multiple File Upload jquery on button click在按钮单击时更改多个文件上传 jquery 中的最大长度
【发布时间】：2013-02-20 16:13:57
【问题描述】：

我想更改 Jquery from here 的多文件上传插件中允许上传的最大文件数。我想更改按钮/锚标签点击。与我们在 jquery ui 选项或类似内容中设置选项的方式相同。这是文件上传控件和更改最大限制的按钮。

    <input type="file" class="multi max-2" id="fileuploadcntrl" />
<input type="button" onclick="changefunc();" />

这个函数我用来改变类名和限制文件

<script type="text/javascript">
        function changefunc() {
            var classname = $('#fileuploadcntrl').attr('class');

            $("#fileuploadcntrl").attr('class', 'multi max-1 MultiFile-applied');

        }
    </script>

我已经使用了这个代码并且能够在按钮上更改类名，点击它会正确显示修改后的类名，但实际限制仍然保持不变，即 2 在尝试上传新文件时它不会按应有的方式禁用。

在 js 文件中尝试了一些调整，但没有成功。

【问题讨论】：

你用的是什么浏览器？是IE 7吗？ attr 无法在 IE 7 中使用，你应该尝试 prop
@shadrachJabonir，问题不在于浏览器正在使用 firefox，并且在单击按钮后显示正确的类名，但文件限制与最初的实际相同。
你有没有尝试在changefunc中完成所有过程后发出警报，alert($("#fileuploadcntrl").attr('class'))？
是的，它显示了更新的类名

标签： jquery asp.net file-upload

【解决方案1】：

建议您使用addClass 和removeClass 而不是attr 选择器以获得更好的性能

 function changefunc() {
        var classname = $('#fileuploadcntrl').attr('class'); // i don't know why are u doing this since you are not using this in you script...
        var $fileuploadcntrl=$("#fileuploadcntrl");
        $fileuploadcntrl.removeClass(); // removes all classes
        $fileuploadcntrl.addClass('multi max-1 MultiFile-applied');//add classes

    }

【讨论】：