Laravel - 從Ajax獲取數據發佈請求

我想用ajax上傳圖片。我將圖像轉換爲base64字符串。發佈數據的作品，但我如何得到它在服務器上（我使用Laravel 5.4）？我可以做$request->all()什麼給我一個陣列與所有的圖像base64字符串相結合。我無法做任何事情，因爲無論我如何處理該數組都會導致500錯誤。Laravel - 從Ajax獲取數據發佈請求

這是我的腳本來轉換圖像併發布它們。

let queue = []; 
function addFile(input) { 
    let files = input.files, 
     j = files.length, 
     file; 

    for (i = 0; i < j; i += 1) { 
     let reader = new FileReader(); 
     reader.onloadend = function (e) { 
      $('#upload-InnerPanel').append(
       "<div class='upload-ItemPanel'><img class='upload-ImagePreview' src='" + e.target.result + "' > </div>"); 
      queue.push(reader.result); 
     }; 
     file = files[i]; 
     reader.readAsDataURL(file); 
    } 
} 

$('#upload-ButtonSelect').on("click" , function() { 
    $('#upload-UploadInput').click(); 
}); 

$('#upload-UploadInput').change(function() { 
    addFile(this); 
}); 

$('#upload-ButtonUpload').click(function() { 

    $.ajax({ 
     url: "/admin/upload", 
     type: "POST", 
     data: queue, 
     processData: false, 
     error: function(xhr, status, error) { 
      let err = xhr.responseText; 
      //console.log(err); 
      $('#upload-InnerPanel').append("<iframe width='600' height='500' src='" + err +"'> </iframe>") 
     }, 
     success: function (xhr) { 
      console.log(xhr); 
     }, 
     headers: { 
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
     } 
    }); 

});

這是我的控制器：

public function upload(Request $request) 
{ 

    return var_dump($request->all()); 
}

這樣的作品，那種，因爲我的回答是隻有1個項目的數組一個長的base64。即使我添加多個圖像，我只是在數組中獲得一個項目而不是三個。它現在將它們合併爲一個。另外，正如我所說的。我無法對該數組做任何事情，但不會導致500錯誤。

所以我的問題是：

我如何得到它的工作，所以我可以發佈，而不是一個多個項目，並獲得與後端的數據？

來源

2017-09-02 Luuk Wuijster

可以共享'$請求 - >所有（）'輸出？ –

請分享從html輸入的文件行嗎？ –

您可以將每個文件作爲新的輸入添加到您的表單中，以便您在後端單獨使用它們。

在你addFile的Javascript，而不是queue.push(reader.result)，追加一個隱藏的輸入與結果：

reader.onloadend = function (e) { 
    // ... your code 
    // Update the form selector to suit your form 
    $('form').append('<input type="hidden" name="files[]" value="' + reader.result + '">'); 
};

在你的Ajax表單提交

然後：

$('#upload-ButtonUpload').click(function() { 

    // Again update the form selector to suit your form 
    var data = $('form').serialize(); 

    $.ajax({ 
     url: "/admin/upload", 
     type: "POST", 
     data: data, 
     // ... etc

來源

2017-09-03 11:28:01

Laravel - 從Ajax獲取數據發佈請求

回答

相關問題