私に複製データを送る

Question

私はdropzone umページを実装しています。各iamgeにはタイトルと説明を追加する必要がありますが、複数の写真を送信しようとすると、同じ名前。

私のコード：

$('#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()); 
}); 

Answer 1

あなたのIdsは固有のものではありません、したがって、あなたは確実に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>" 

その後、これは、アップロード時に入力値を取得します、送信イベントにパラメータを追加します。

myDropzone.on("sending", function(file, xhr, formData) { 
    formData.append('brand'  , $(file.previewElement).find('.dz-brand').val()); 
    formData.append('url'  , $(file.previewElement).find('.dz-url').val()); 
    formData.append('description', 'small detail'); 
});