Функция запуска на основе состояния ввода файла

Question

Функция запуска на основе состояния ввода файла

0

У меня есть два входа для загрузки файлов на странице, и я пытаюсь проверить, был ли файл выбран для этих входов. Если выбран файл, запустите код, иначе ничего не сделайте.

Ниже мой код:

<input id="file1" type="file" class="file1" />
<input id="file2" type="file" class="file2" />

<button class="upload radius small">Upload</button>

$(function() {
  if ($("#file1").val()) { 
    //Run code if file input is selected. Otherwise do nothing...   
  }
  if ($("#file2").val()) { 
    //Run code if file input is selected. Otherwise do nothing...   
  }
});

Когда я пытаюсь выполнить вышеуказанный код, он не работает. Ошибок не возникает, это просто не работает. Как исправить проблему?

Примечание. Я использую jQuery 2.1.

L84 07 март 2014, в 22:35

Источник

0

Ну, поскольку ваш JavaScript, скорее всего, выполняется до того, как будут выбраны какие-либо файлы, .val() вернет "" и операторы if не будут выполнены. Ваш код настроен для запуска, когда DOM готов, и я сомневаюсь, что пользователь выбрал файл к тому времени
Ian 07 март 2014, в 21:22
0

Когда вы хотите, чтобы ваш код работал? После того, как файл выбран? После нажатия кнопки?
Ian 07 март 2014, в 21:23
2

Если вы хотите, чтобы он запускался при нажатии кнопки загрузки, попробуйте следующее: jsfiddle.net/PsZNY - вам нужно прослушать нажатие кнопки
Ian 07 март 2014, в 21:25
1

@ Ян - Возьми свои комментарии и поставь в качестве ответа. Я понял после твоего комментария послушать нажатие кнопки. Это работает сейчас. =>
L84 07 март 2014, в 21:27
0

Вы также можете прослушивать изменения применительно к файлу $('#file1').on('change',function(){//do something})
JoseM 07 март 2014, в 21:30

Показать ещё 3 комментария

Теги:

javascript

jquery

file-io

2 ответа

0

Вам понадобится обработчик событий, чтобы проверить, загружено ли что-либо, во время загрузки пользователя, например: проверьте, имеет ли вход значение, когда ввод "изменяется":

<script>
$(function() {
    $("#file1").change(function (){
      if ($("#file1").val()) { 
        console.log('file1 uploaded');
      }
    });
    $("#file1").change(function (){
      if ($("#file2").val()) { 
        console.log('file2 uploaded');
      }
    });
});
</script>

matthijs 07 март 2014, в 19:21

Ещё вопросы

Ну, поскольку ваш JavaScript, скорее всего, выполняется до того, как будут выбраны какие-либо файлы, .val() вернет "" и операторы if не будут выполнены. Ваш код настроен для запуска, когда DOM готов, и я сомневаюсь, что пользователь выбрал файл к тому времени
Когда вы хотите, чтобы ваш код работал? После того, как файл выбран? После нажатия кнопки?
Если вы хотите, чтобы он запускался при нажатии кнопки загрузки, попробуйте следующее: jsfiddle.net/PsZNY - вам нужно прослушать нажатие кнопки
@ Ян - Возьми свои комментарии и поставь в качестве ответа. Я понял после твоего комментария послушать нажатие кнопки. Это работает сейчас. =>
Вы также можете прослушивать изменения применительно к файлу $('#file1').on('change',function(){//do something})

Ian · Accepted Answer · 2014-03-07T19-50-00.000Z

Ваш код настроен на запуск, когда DOM готов (обозначается путем обертывания $(function() {/* CODE */});), и я сомневаюсь, что пользователь уже выбрал файл. Кажется, что вы хотите запустить свой код при нажатии кнопки загрузки. Это означает, что вам нужно связать событие click для него. Что-то вроде этого:

$(function() {
    $("button.upload").on("click", function () {
        if ($("#file1").val()) { 
            console.log("File 1 set"); 
        }
        if ($("#file2").val()) { 
            console.log("File 2 set"); 
        }
    });
});

ДЕМО: http://jsfiddle.net/PsZNY/

Я оставил $(function() {}); чтобы гарантировать, что кнопка загрузки может быть найдена jQuery (когда DOM готов).

Рекомендации:

$().on - https://api.jquery.com/on/