как отключить кнопку изменения с помощью jquery - PullRequest
Новая
       1

как отключить кнопку изменения с помощью jquery

0 голосов
/ 10 мая 2018

Я хочу отключить кнопку в файле изменений и хочу проверить, находится ли файл в соответствующем разрешении или нет, если да, если кнопка подтверждения включена, если нет, отключите любое предложение, пожалуйста, я хочу использовать jQuery.

Ответы [ 2 ]

0 голосов
/ 10 мая 2018

Вы можете сделать это, принимая изображение и проверяя разрешения, а затем я отключаю или включаю кнопку в соответствии с требованиями, а также очищаю выбранное
изображение, чтобы пользователь не мог загрузить неправильный формат. 

<script>




    var _URL = window.URL || window.webkitURL;

                                    $("#file").change(function (e) {
                                        var file, img;


                                        if ((file = this.files[0])) {
                                            img = new Image();
                                            img.onload = function () {
                                                //alert(this.width + " " + this.height);
                                                var widthofimage = this.width;
                                                var heightofimage = this.height;

                                                if (widthofimage < 1920 && heightofimage < 850 || widthofimage != 1920 && heightofimage != 850 || widthofimage > 1920 && heightofimage > 850) {
                                                    swal({
                                                        title: "Please review",
                                                        text: "Please Upload Image of 1920 X 850",
                                                        icon: "error",
                                                    });

                                                    document.getElementById("file").value = "";
                                                } else {

                                                    $('input[type="submit"]').removeAttr('disabled');

                                                }

                                            };
                                            img.onerror = function () {
                                                alert("not a valid file: " + file.type);
                                            };
                                            img.src = _URL.createObjectURL(file);


                                        }

                                    });






</script>
0 голосов
/ 10 мая 2018

Вы можете отключить элементы ввода html следующими способами:

1: - $ (this) .attr («отключено», true);

2: - $ (this) .prop ('disabled', true);

Попробуйте следующий код: 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#fileUpload").change(function(){
        //$(this).attr("disabled", true);
        $('#btnTest').prop('disabled', true);
        });
});
</script>
</head>
<body>
<input ID="fileUpload"  runat="server" type="file">
<button type="button" id="btnTest">CLICK ME</button>

</body>
</html>


    $(document).ready(function(){
        $("#fileUpload").change(function(){
            //$(this).attr("disabled", true);
            $('#btnTest').prop('disabled', true);
            });
    });
  
<!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  
    </head>
    <body>
    <input ID="fileUpload"  runat="server" type="file">
    <button type="button" id="btnTest">CLICK ME</button>
    
    </body>
    </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...