Jquery UI自动完成Django中的图片

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">

<input type="text" id="image-input" name="image" autocomplete="off">

$(document).ready(function() {
  $("#image-input").autocomplete({
    source: "/autocomplete/",  // 数据源的URL，需要在Django中定义对应的视图函数
    minLength: 2,  // 最小输入字符数
    select: function(event, ui) {
      // 用户选择后的回调函数，可以在这里进行相应的处理
    }
  });
});

from django.http import JsonResponse
from myapp.models import Image

def autocomplete(request):
    term = request.GET.get('term', '')
    images = Image.objects.filter(name__icontains=term)
    results = [image.name for image in images]
    return JsonResponse(results, safe=False)