Javascript 向我发送重复数据

我正在实现dropzone um页面，在每个页面中我需要添加一个标题和描述，但是当我尝试发送多张照片时，不是每个请求或图像都有一个标题，而是给了我所有相同的名称

我的代码：

 $('#submit').on('click',function(e){
     e.preventDefault();
     myDropzone.processQueue();
 });

 Dropzone.autoDiscover = false;
 // Dropzone class:
 var myDropzone = new Dropzone("div#myId", {
    url: "/products",
    autoProcessQueue:false,
    previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n  " +
    "<div class=\"dz-image\"><img data-dz-thumbnail /></div>\n " +
    "<input type=\"text\" id=\"title\" data-dz-title name=\"dz-title\">\n " +
    "<input type=\"text\" id=\"url\" name=\"dz-url\">\n " +
    " <div class=\"dz-details\">"

}).on("sending", function(file, xhr, formData) {
    formData.append("title", $('#title').val());
});

$（“#提交”）。在（'click'，函数（e）{
e、 预防默认值（）；
myDropzone.processQueue（）；
});
Dropzone.autoDiscover=false；
//Dropzone类：
var myDropzone=新的Dropzone（“div#myId”{
url:“/products”，
自动处理队列：false，
预览模板：“\n”+
“\n”+
“\n”+
“\n”+
" "
}).on（“发送”，函数（文件、xhr、formData）{
append（“title”，$（'#title'）.val（）；
});

您的ID不是唯一的，因此无法从ID选择器可靠地获取输入数据

将模板中输入的ID更改为如下类：

previewTemplate: "<div class='dz-preview dz-file-preview'>\n  " +
    "<div class='dz-image'><img data-dz-thumbnail /></div>\n " +
    "<input type='text' class='dz-brand' value='This is the text'> \n " +
    "<input type='text' class='dz-url'>\n </div>"

---

您的ID不是唯一的，因此无法从ID选择器可靠地获取输入数据

将模板中输入的ID更改为如下类：

previewTemplate: "<div class='dz-preview dz-file-preview'>\n  " +
    "<div class='dz-image'><img data-dz-thumbnail /></div>\n " +
    "<input type='text' class='dz-brand' value='This is the text'> \n " +
    "<input type='text' class='dz-url'>\n </div>"

---

.on（“发送”，函数（file，xhr，formData）{$（“#title”）.each（函数（）{formData.append（“title”，this.val（））；}）

不起作用，试试看。

.on（“发送”，函数（file，xhr，formData）{$（“#title”）.each（函数（）{formData.append（“title”，$（this.val（））}）；

不起作用，试试看。