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
所以我的 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