Как очистить ввод файла без потери прослушивателей событий и расширенных свойств?

Question

Как очистить ввод файла без потери прослушивателей событий и расширенных свойств?

0

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

Есть ли способ обойтись без удаления или использования функций JQuery replaceWith или clone?

LeonanCarvalho 21 июль 2015, в 21:23

Источник

Теги:

javascript

jquery

html

angularjs

dom

2 ответа

0

Вы можете заменить входной файл его клоном;

$('#delImg').on('click', function() {
   $('body #exampleInputFile').replaceWith($('body #exampleInputFile').val('').clone(true));

  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <label for="exampleInputFile">File input</label>
    <input type="file" id="exampleInputFile">
  
<button type="button" id="delImg" class="btn btn-default btn-hover-green" data-action="save" data-dismiss="modal" role="button">Delete</button>
</div>

Bhavin Solanki 21 июль 2015, в 15:59

Ещё вопросы

martynasma · Accepted Answer · 2015-07-21T15-50-00.000Z

Как просто установить value для пустой строки?

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

<input type="file" name="" id="file" />
<input type="button" value="clear" onclick="clearFile();" />

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