Предварительный просмотр изображения 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 />

Затем я пытаюсь изменить атрибут входного элемента data-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.