在laravel 5.3中使用axios上传图像文件

<form id="imageUploadForm" enctype="multipart/form-data">
  <input type="file" name="image" id="imageInput">
  <button type="submit">上传</button>
</form>

const form = document.getElementById('imageUploadForm');
const input = document.getElementById('imageInput');

form.addEventListener('submit', (e) => {
  e.preventDefault();

  const formData = new FormData();
  formData.append('image', input.files[0]);

  axios.post('/upload', formData)
    .then((response) => {
      console.log(response.data);
    })
    .catch((error) => {
      console.error(error);
    });
});

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

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');
            $imageName = time() . '.' . $image->getClientOriginalExtension();
            $image->move(public_path('images'), $imageName);

            return response()->json(['success' => true, 'image' => $imageName]);
        }

        return response()->json(['success' => false, 'message' => 'No image uploaded.']);
    }
}