Question

我有一个数据表，该数据表具有多列和包含图像的1列，我试图使用弹出自定义模式在dropify输入标签中显示图像，该模式在我单击连接到数据值的按钮时显示在该特定行中。当我决定单击并单击不同行中的另一个按钮时，如何正确设置dropify字段的默认图像并重新设置它？这是我当前的代码：

<table>
<thead>
...
</thead>
<tbody>
    <td>...</td>
    <!--the row containing the images -->
    <td>
        <img id="pic" src="url('api/image',['foldername','filename']" style="width:150;height:150"/>
    </td>
    ....
    <!--the row containing the buttons -->
    <td>
        <a href"#" ... data-image="{{$data->image}}" >
        ....
    </td>
</table>

显示图像的模式：

<div class="form-group">
      <label class="control-label col-sm-2" for="pic">Picture:</label>
       <div class="col-sm-10">
            <small>max 650x650</small>
                 <div>
                       <input type="file" id="image_edit" class="form-control" />
                  </div>
                  <p class="errorPicture text-center alert alert-danger hidden"></p>
        </div>

设置图像的jQuery：

$(document).on('click', '.show-modal', function(){
  ...
   var imagePath = $IMAGE_PATH;
   $('#image_edit').attr("data-default-file",imagePath);
   $('#image_edit').dropify();
  ...

}

我遇到的问题：

无法使用$（this）.data（'image'）;

当我单击不同行上的另一个按钮时，默认图像不会更改

您如何正确实施呢？

Answer 1

使用此data-default-file="{{ asset($product->image) }}"，请参见下面的代码段

  <input type="file" id="input-file-now" name="image" class="dropify"  data-default-file="{{ asset($product->image) }}"  />

如何使用jQuery设置和重新设置dropify默认图像？

1 个答案: