Предварительный просмотр изображения dropify не отображается после изменения атрибута data-default-file с помощью jquery

Question

Я использую Dropify.js и хочу отредактировать некоторое значение attr с помощью jquery.

Здесь HTML-код:

<input type="file" id="kk" class="dropify form-control" data-max-file-size="5M" data-default-file="" required />

, затем я пытаюсь изменить данные элемента вводаАтрибут default-file с:

 $('#kk').attr({'data-default-file': '[[+photo]]',});

Значение attr уже изменяется в зависимости от этого аллергита

 alert(document.getElementById("kk").getAttribute("data-default-file"));

Таким образом, я вижу data-default-file, но не могусм. img на экране.

когда я использую этот HTML-код, на экране показывается img

<input type="file" id="kk" class="dropify form-control" data-max-file-size="5M" data-default-file="[[+photo]]" required />

Можете ли вы сказать мне, как я могу это исправить?

Answer 1

вы не можете динамически изменять значение ввода файла.Вы можете сделать так: используйте

html = `<input type="file" id="kk" class="dropify form-control" data-max-file-size="5M" data-default-file="[[+photo]]" required />`;
$('#container').html(html).;
$('#kk').dropify(); // re init the dropify.