Javascript,显示 blob 图像

Javascript, showing blob images

所以我的 Django 项目中有这段代码。当我将文件上传到 html input 标签时,我用 jQuery 添加了它,看起来像:

<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

html上传后:

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

blob 图像 url(blob:http://127.0.0.1:8000/0929d4cc-972f-4f2b-b5ea-635020c47afa):

所以它实际上显示了 url 中的图像,但它看起来无法识别 html 中的图像。问题是为什么 html 上没有显示图像?谢谢。

您的 jQuery.

中似乎有 scr 而不是 src