如何同时发布json和image?Vuetify+axios

Question

我得到了json格式的数据，但也得到了相同形式的图像。如何将图像和json数据同时发布到laravel请求

数据对象：

{
"pwra_uuid": "",
"purchase_order_uuid": "26729191407884625",
"group_tasks_uuid": "26729191407884553",
"pwra_code": "HIS-CPPS-00281",
"pwra_dt": "2020-08-25",
"time": "05:25",
"task_name": "fdsafdsa",
"specific_location": "fdsafdsa",
"time_session": "AM",
"status": "",
"employees": [
"26535933801136175",
"26535933801136183",
"26535933801136169"
]
}

Vue js代码：

export default {
data() {
return {
chosenFile: null,
pwra: [],
};
},
methods: {
create() {
let data = this.pwra;
formData.append("image", this.chosenFile);
formData.append("data", data);
console.log(data);
axios.post("/pwra", formData, {
headers: {
"Content-Type": "multipart/form-data",
},
});
},
},
};

Laravel代码：

public function store(Request $request)
{
$requestData = $request->all();
}

Answer 1

考虑到您的复杂数据对象(复杂意味着它不仅仅是一个平面键/值映射(，您最好将其字符串化为JSON，并让服务器端代码将其解析为数组。

例如

formData.append("data", JSON.stringify(data));

在服务器端，类似于

$data = json_decode($request->input('data'));