如何仅使用jQuery和Ajax在Dropify中设置默认图像

Question

我正在使用https://github.com/jeremyfagis/jeremyfagis/dropify插件用于映像上传，因为我必须设置默认图像，但我无法设置默认图像，但无法做到。必须使用jQuery和Ajax进行。我尝试过Attr((并设置Data-Defalut-File((，但没有成功。另外，当我使用Data-Defalut-File((时，我可以在Inspect元素中看到我的图像，但在UI上看不到。请帮助：(

我尝试了：

  $("#thumbnails_4_5").attr(
    "data-default-file",
    s3BaseUrlVideo +
      "/" +
      bucketName +
      "/" +
      images_folder +
      "/" +
      define_grid +
      "/" +
      horizontal +
      "/" +
      item.grid.thumbnail_4_5
  );

和

$('。dropify'(。dropify({ defaultfile：遵守记录， }(;

Answer 1

您使用类似的东西(使用jQuery(：

$('#input').attr("data-default-file", "imagePath");
$('#input').dropify():

或者您可以直接设置

<input type="file" id="input" class="dropify" data-default-file="imagePath" />

Answer 2

如果要通过js或jQuery代码更新Dropify Image，则需要 remove 元素，然后 Append and Initilize IT再次！像这样的东西：

                $('#imageInput , .dropify-wrapper').remove();
                
                html = `<input type="file" id="imageInput" class="dropify form-control" data-max-file-size="5M" id="imageInput" data-height="200" required=""
             data-default-file='your_url' />`;
                $('#imageInputContainer').append(html);
                $('#imageInput').dropify();