利用Laravel 5.4中的ajax append从数据库中检索图像

Route::get('/get-images', 'ImageController@getImages');

namespace App\Http\Controllers;

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

class ImageController extends Controller
{
    public function getImages(Request $request)
    {
        $images = Image::all();
        return response()->json($images);
    }
}

<div id="images-container">
    <!-- 图像将被追加到这里 -->
</div>

<script>
    $(document).ready(function() {
        $.ajax({
            url: '/get-images',
            type: 'GET',
            dataType: 'json',
            success: function(response) {
                $.each(response, function(index, image) {
                    var imageUrl = image.url; // 图像URL
                    var imageElement = '<img src="' + imageUrl + '">'; // 创建图像元素
                    $('#images-container').append(imageElement); // 将图像元素追加到容器中
                });
            }
        });
    });
</script>