如何通过jquery-动态dropify将图像放入拖放区域（dropify）

Question

我的网站上有一个dropify（拖放）区域。 我需要用现有图像填充拖放区域，以便用户可以查看旧图像并可以根据需要进行更改。 可能性1.有没有办法用旧文件名生成触发器。 所以dropify JavaScript可以检测到事件并可以处理休息2.有没有办法在dropify区域中从另一个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” （建议使用）。

资源