Javascript, показывающий изображения блобов

В моем проекте Django есть такие коды. Я добавляю это с помощью jQuery, когда я загружаю файл в html тег input, который выглядит следующим образом:

<input type="file" name="photo" accept="image/*" id="id_photo" multiple>

JS (jQuery):

...append(`<img scr="${URL.createObjectURL(files[i])}" width="100px" height="100px">`)
// files[i] comes from looping over multi-uploaded images

<

<img scr="blob:http://127.0.0.1:8000/0929d4cc-972f-4f2b-b5ea-635020c47afa" width="100px" height="100px">

html после загрузки:

url изображения блоба (blob:http://127.0.0.1:8000/0929d4cc-972f-4f2b-b5ea-635020c47afa):

Итак, он действительно показывает изображение в этом url, но похоже, что он не может определить изображение в html. Вопрос в том, почему изображение не отображается в html? Спасибо.

Вернуться на верх