Question

我正在使用Dropify.js，并且我想使用jquery编辑一些attr值。

以下是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.

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

1 个答案: