jQuery - 來自多個來源的數組

Question

我無法弄清楚如何從多個來源創建JSON對象。 我的意思是，多個字段和下拉菜單，一個輸入多個文件，每個文件下面一個下拉大小，第二個數量和另一個紙張類型。

我需要把所有這些信息，每個文件的對象是這樣的：

{ 
    "files": [ 
    {"file_name" : "file1", "size" : "10x10", "quantity" : 1, "paper" : "glossy"}, 
    {"file_name" : "file2", "size" : "10x10", "quantity" : 4, "paper" : "glossy"}, 
    {"file_name" : "file3", "size" : "20x30", "quantity" : 3, "paper" : "glossy"}, 
    {"file_name" : "file4", "size" : "30x40", "quantity" : 6, "paper" : "glossy"}, 
    {"file_name" : "file5", "size" : "20x30", "quantity" : 2, "paper" : "glossy"}, 
    ] 
} 

我有一些代碼，但它不工作，因爲兩個不同的陣列。我試圖在一個數組中推送數據，但結果對象的結構是錯誤的。

function addToPhotoArray() { 
     PhotoArray = []; 
     var items = $('input[name*=files]')[0].files; 
     var filesLength = $('input[name*=files]')[0].files.length; 
     if (filesLength > 0) { 
      for (var i = 0; i < filesLength; i++) { 
       var fileName = items[i].name; 
       PhotoArray.push({ name: fileName }); 
       console.log(fileName); 
      } 
     } 
    } 

    function addToCountArray() { 
     CountArray = []; 
     $('.photo_count option:selected').each(function(){ 
      CountArray.push({ photo_count: $(this).val() }); 
     }); 
    } 

謝謝！

Answer 1

你在找這樣的事嗎？

這樣比較好嗎？

var jsonArr = []; 
var json = "[]"; 

function createJson(){ 
    jsonArr = JSON.parse(json); 

    $(".file_container").each(function(index, container){ 
     if($(container).find("input[type='file']").val() != ''){ 
      jsonArr.push(new File(
       $(container).find("input[type='file']").val().replace(/C:\\fakepath\\/i, ''), 
       $(container).find("select#size").val(), 
       $(container).find("select#count").val(), 
       $(container).find("select#paper").val() 
      )); 
     } 
    }); 


    json = JSON.stringify(jsonArr); 
} 

function File(file_name, size, quantity, paper){ //class 
     this.file_name = file_name; 
    this.size = size; 
    this.quantity = quantity; 
    this.paper = paper; 
}