如何向dropzone上传添加文本输入

Question

问

如何向dropzone上传添加文本输入

再见看淡_266 发布于 2023-02-12 18:33

我想允许用户为拖入Dropzone的每个文件提交一个标题,该标题将被输入到文本输入中.但我不知道如何添加它.每个人都可以帮助我吗？

dropzone上传

这是我的HTML代码

这是我的脚本代码

Lalo Sánchez.. 12

您实际上可以为Dropzone提供模板以呈现图像预览以及任何额外字段.在您的情况下,我建议您使用默认模板或制作自己的模板,只需在其中添加输入字段:

可以在dropzone.js的源代码中找到完整的默认预览模板.

然后,您可以将自定义模板作为选项参数的previewTemplate键的字符串传递给Dropzone.例如:

var myDropzone = new Dropzone('#yourId', {
    previewTemplate: "..."
});

只要您的元素是表单,Dropzone将自动包含xhr请求参数中的所有输入.

1 个回答

您实际上可以为Dropzone提供模板以呈现图像预览以及任何额外字段.在您的情况下,我建议您使用默认模板或制作自己的模板,只需在其中添加输入字段:

<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>
    <input type="text" placeholder="Title">
</div>

可以在dropzone.js的源代码中找到完整的默认预览模板.

然后,您可以将自定义模板作为选项参数的previewTemplate键的字符串传递给Dropzone.例如:

var myDropzone = new Dropzone('#yourId', {
    previewTemplate: "..."
});

只要您的元素是表单,Dropzone将自动包含xhr请求参数中的所有输入.

2023-02-12 18:36 回答

fkg7571831

撰写答案