如何通过jquery-动态删除将图像放入拖放区域( dropify )

Question

我在我的网站上有一个下拉(拖放)区域。我需要填充现有的图像拖放区域，以便用户可以查看旧图像，并可以改变，如果他们想。是否有任何方法生成具有旧文件名的触发器。这样，JavaScript就可以检测事件并处理rest 2。是否有任何方法可以显式地设置从另一个JavaScript文件中删除的图像。

代码：

<pre>

<div class="form-group" id="id_photo_group">
      <label >Photo*</label>
      <input type="file" class="dropify" data-height="300" id="id_member_photo" name="n_member_photo"/>
</div> 
</pre>

Answer 1

按常规方式添加输入字段

Html文件

 <input type="file"  name="n_service_img" id="id_service_image" />

从jquery文件中添加类" dropify“，并设置其属性和调用dropify函数。

jquery文件

      $("#id_service_image").addClass('dropify');
             $("#id_service_image").attr("data-height", 300);
             $("#id_service_image").attr("data-default-file", "../img/ourservices/MEDICAL-SERVICES.jpg");
             $('.dropify').dropify();

Answer 2

现在可以使用data-default-file变量放置默认图像。

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

defaultFile：如果输入上有默认文件。当您在DOM元素上使用插件或直接使用data-default-file="url_of_your_file"时，您可以使用选项(这是建议的)。

来源