Laravel将图像从vue发送到控制器

<template>
  <div>
    <input type="file" @change="handleFileUpload">
    <button @click="uploadImage">上传图像</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageFile: null
    };
  },
  methods: {
    handleFileUpload(event) {
      this.imageFile = event.target.files[0];
    },
    uploadImage() {
      let formData = new FormData();
      formData.append('image', this.imageFile);

      axios.post('/upload-image', formData)
        .then(response => {
          // 处理上传成功的逻辑
        })
        .catch(error => {
          // 处理上传失败的逻辑
        });
    }
  }
};
</script>

Route::post('/upload-image', 'ImageController@upload');

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class ImageController extends Controller
{
    public function upload(Request $request)
    {
        if ($request->hasFile('image')) {
            $image = $request->file('image');
            // 处理图像上传逻辑
        } else {
            // 处理没有上传图像的逻辑
        }
    }
}