如何将ID添加到拖放到拖放区中的图像上的文本输入中

Question

我找到了这个例子。他们编写了一个代码，当将其输入到图像中时，将文本输入添加到图像中，因此，他们在dropzone.min.js的“ previewTemplate”部分中修改了html模板：

 <div class="dz-preview dz-file-preview">
        <div class="dz-image"><img data-dz-thumbnail /></div>
        <div class="dz-details">
            <div class="dz-size"><span data-dz-size></span></div>
            <div class="dz-filename"><span data-dz-name></span></div>
        </div>
        <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>
        <div class="dz-error-message"><span data-dz-errormessage></span></div>
/////add text input///
        <input type="text" placeholder="Title">
    </div>

现在如果必须拖动多个图像，它将像这样

一切都很好，但是如果我想在每个文本输入中添加一个id，我该怎么做？