javascript - 如何通过 jquery- Dynamic dropify 将图像放入拖放区域 (dropify)

Question

我的网站中有一个 dropify(拖放)区域。我需要用现有图像填充拖放区域，以便用户可以查看旧图像并根据需要进行更改。可能性1.有没有办法用旧文件名生成触发器。这样 dropify JavaScript 就可以检测到事件并可以处理其余的2. 有什么方法可以从另一个 JavaScript 文件显式设置 dropify 区域上的图像。

代码:

<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();