如何从DB中获取图像并在编辑表单中使用ajax在laravel中预览它？

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Image extends Model
{
    protected $table = 'images';

    public function getImageData()
    {
        return $this->image_data;
    }
}

<form>
    <!-- 其他表单字段 -->
    <img id="image-preview" src="" alt="Image Preview">
</form>

$(document).ready(function() {
    $('#image-input').change(function() {
        var imageId = $(this).val(); // 获取选择的图像ID
        var url = '/get-image/' + imageId; // 替换为获取图像数据的路由

        $.ajax({
            url: url,
            type: 'GET',
            success: function(response) {
                $('#image-preview').attr('src', response); // 更新图像预览
            }
        });
    });
});

Route::get('/get-image/{id}', 'ImageController@getImage')->name('get-image');

namespace App\Http\Controllers;

use App\Models\Image;
use Illuminate\Http\Request;

class ImageController extends Controller
{
    public function getImage($id)
    {
        $image = Image::find($id);

        if ($image) {
            return response()->make($image->getImageData(), 200, [
                'Content-Type' => 'image/jpeg', // 替换为图像的实际MIME类型
            ]);
        }

        return response()->json(['error' => 'Image not found.'], 404);
    }
}