Question

此时，我正在使用此库进行图像预览：jQuery Upload Preview。是否可以在一个页面上多次使用它而无需重复预览？

$.uploadPreview({
    input_field: ".image-upload",
    preview_box: ".image-preview",
    label_field: ".image-label"
});

$("#addNew").click(function(e) {
    e.preventDefault();
  $("body").append( '<div class="image-preview"><label for="image-upload" class="image-label">Choose file</label><input type="file" name="thumbnail[]" accept="image/*" class="image-upload" /></div>' );
});

这是演示JSFiddle
或者也许某人有更好的选择呢？我需要多次动态使用它，并且有可能预加载图像。

Answer 1

看起来你需要为每个元素赋予一个唯一的id，并在将每个元素插入DOM后调用该插件。

这是一种克服这种方式的方法：

location_id

这是一个小提琴：https://jsfiddle.net/von9zL1g/1/

多次使用jQuery Upload Preview库

1 个答案: