В Javascript подскажите да / нет перед сбросом файла?

Входной файл уже имеет значение и когда пользователь перетаскивает файл в input[type=file] Я хочу показать подсказку с да или нет.

если да, это добавит файл.
если нет, он не будет действовать и сохранит старое значение

$('input[type=file]').on('drop', function (e){
    if( !confirm("are you sure?") ){
    }
});

1 ответ

Использование return false или же e.preventDefault(); чтобы отключить действие по умолчанию:

$('input[type=file]').on('drop', function(e) {
  if (!confirm("are you sure?")) {
    e.preventDefault();
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" name="test">

К сожалению, это, очевидно, не переносимо. Он работает в Chrome и Safari, но не в FireFox (я на Mac и не пробовал IE).

Переносимое решение должно было бы использовать модальный диалог HTML, чтобы получить подтверждение. Обратный вызов отмены может затем использовать технику в Очистке , используя jQuery, чтобы удалить отброшенный файл из ввода.

Другие вопросы по тегам