Javascript для проверки, если загруженный файл является изображение не работает - PullRequest
Новая
       6

Javascript для проверки, если загруженный файл является изображение не работает

0 голосов
/ 30 августа 2018

Я занимаюсь веб-разработкой с использованием Django. Наступает момент, когда пользователь может загружать изображения на мой сервер.

Вот часть кода Javascript. 

var uploadField = document.getElementById("file_upload"); 

uploadField.onchange = function(){
    var file_type=this.file[0]['type']; // file_type = 'image/jpg'
    if (file_type.split('/')[0] !== 'image'){
        alert("Not an Image");
        this.value = "";
    }
    else if(this.files[0].size > 2097152){
        alert("File is too big!");
        this.value = "";
    }
    else{
        this.form.submit();
        document.getElementById('celimsg').innerHTML='Analyzing image...';
        document.getElementById('celi').src=gif_url;
    }
}

Это не сработало. Когда файлы загружены, ничего не происходит. Но если я удалю часть проверки: 

var uploadField = document.getElementById("file_upload");

uploadField.onchange = function(){
    if(this.files[0].size > 2097152){
        alert("File is too big!");
        this.value = "";
    }
    else{
        this.form.submit();
        document.getElementById('celimsg').innerHTML='Analyzing image...';
        document.getElementById('celi').src=gif_url;
    }
}

Он снова начал работать.

В отличие от других платформ веб-разработки, Django не поддерживает отладку для javascript, и я не могу помещать в нее операторы печати. ​​

1 Ответ

0 голосов
/ 30 августа 2018

Похоже, я неправильно написала "файлы". 

var uploadField = document.getElementById("file_upload");

uploadField.onchange = function(){
    var file_type=this.files[0]['type'];

    if (file_type.split('/')[0] !== 'image'){
        alert("Not an Image");
        this.value = "";
    }
    else if(this.files[0].size > 2097152){
        alert("File is too big! Keep it under 2MB.");
        this.value = "";
    }
    else{
        this.form.submit();
        document.getElementById('celimsg').innerHTML='Analyzing image...';
        document.getElementById('celi').src=gif_url;
    }
}

Ура! * * 1004

...