将图像发布到laravel，其中Axios仅将[对象文件]作为字符串传递

// 假设input是一个文件上传的input元素
const file = input.files[0];
const reader = new FileReader();

reader.onload = function(event) {
  const imageData = event.target.result;
  // 将imageData作为参数发送给后端
  sendImage(imageData);
}

reader.readAsDataURL(file);

function sendImage(imageData) {
  // 发送POST请求到Laravel后端
  axios.post('/upload-image', {
    image: imageData
  })
  .then(response => {
    // 请求成功处理逻辑
    console.log(response.data);
  })
  .catch(error => {
    // 请求失败处理逻辑
    console.error(error);
  });
}

// routes/web.php
Route::post('/upload-image', 'ImageController@upload');

// app/Http/Controllers/ImageController.php
namespace App\Http\Controllers;

use Illuminate\Http\Request;

class ImageController extends Controller
{
    public function upload(Request $request)
    {
        $imageData = $request->input('image');
        // 在这里处理图像数据，例如保存到数据库或存储到服务器
        // ...
        return response()->json(['message' => 'Image uploaded successfully']);
    }
}