-1

我在上传文件之前检查文件的大小和扩展名，并且（在大多数情况下）代码运行正常。但是，如果文件具有正确的扩展名并且小于 2MB，我将无法从提交按钮中删除禁用属性。我觉得好像有一些我没有看到或忘记的小事。我将不胜感激任何帮助或提示。

谢谢，
-凯尔

这是我的代码：

<p>Select a logo to upload</p>
<input type="file" id="uploadFile" class="upload" name="upfile"><br>
<input type="submit" id="uploadSubmit" value="Upload Image" disabled="disabled">



document.getElementById("uploadFile").addEventListener("change", checkFile, true);
function checkFile(e) {
    var files = e.target.files;
    for (var i = 0, file; file = files[i]; i++) {
        var fileName = file.name;
        var fileExt = fileName.split(".")[fileName.split(".").length - 1].toLowerCase();
        var fileSize = document.getElementById("uploadFile").files[0].size;
        var fileSizeMB = (file.size / 2097152).toFixed(2);
        if (!(fileExt === "jpg" || fileExt === "eps" || fileExt === "tif" || fileExt === "tiff") || fileSize > 2097152) {
            alert("There is an error with the file you selected. Please check the file size and/or the file type.");
        } else {
        $("#uploadSubmit").prop("disabled", false);
        }
    }
};
4

4 回答 4

1

尝试

$("#uploadSubmit").removeAttr("disabled");

希望能帮助到你。

于 2014-01-13T22:33:14.273 回答
0

抱歉，我不能只发表评论，因为它需要至少 50 名声望，wtf！

检查您是否有 jQuery，我注意到您在开始时使用了 getElementById，并且不知何故您正在使用 jQuery 选择器进行 uplaodSubmit。除此之外，语法对我来说看起来是正确的。

如果您想坚持使用纯 JS，请使用：

document.getElementById('uploadSubmit').disabled = false

反而。

祝你好运。

于 2014-01-13T22:42:40.320 回答
0 
 <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="script/jquery-1.9.1.min.js"></script>
    </head>
<script>
    $(function() {
        $('#uploadFile').bind('change', function() {
            var filename = this.files[0].name.toLowerCase();
         if ((filename.indexOf(".jpg") > -1)
                || (filename.indexOf(".png") > -1)) {                
            if(this.files[0].size<2000000){
                $("#uploadSubmit").removeAttr("disabled");   
               alert("This is your solution");
           }else{
               alert("You cant get bigger than 2 MB");
           }
        } else {
            alert("File format must jpg or png");                
            return false;
        }
        });
    });

</script>
<body>
        <p>Select a logo to upload</p>
        <input type="file" id="uploadFile" class="upload" name="upfile"><br>
        <input type="submit" id="uploadSubmit"  disabled="disable" value="Upload Image">

    </body>

我试过这个我认为这对你更有帮助

于 2014-01-13T23:01:55.630 回答
0

$("#element").attr("disabled", false) 或 $("#element").removeAttr("disabled")。我希望这个第一个例子在新的 jQuery 版本上会更好。

于 2014-01-14T00:26:24.930 回答