如何同时发布json和图片？ Vuetify + Axios

如何解决如何同时发布json和图片？ Vuetify + Axios

我获得了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();
}

解决方法

鉴于您的复杂数据对象（复杂意味着它不仅是平面键/值映射），最好的选择是将其字符串化为JSON，并让服务器端代码将其解析为数组。

例如

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

在服务器端，类似这样

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