使用jquery更改数据-默认-文件属性后不显示dropify图像预览

Question

我使用的是Dropify.js，我想用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值已根据此allert更改

 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.