Javascript 显示blob 2次

有没有一种方法可以用blob src复制节点

我需要克隆在新div中结束的映像blob

这是我在浏览HTML blob元素时记录该元素的结果：

或

比如说。这些图像工作正常

如果我尝试这样做，为了复制这些Html节点并将它们放在一个以divResult作为名称的div中：

让clone=srcEl.cloneNodetrue； divResult.appendChildclone 图像不会出现在我的divResult中，但src在这里

任何解决方案？

确保divResult没有导致隐藏其中元素的样式

范例

const divResult=document.queryselectordvresult； 常量url=https://i.picsum.photos/id/440/50/50.jpg 获取URL .thenresponse=>response.blob .thenblob=>{ const image1=document.createElementimg； image1.src=URL.createObjectURLblob； const parent=document.body； parent.appendChildimage1； const clonedElement=image1.cloneNodetrue； divResult.appendChildclonedElement }; 分割结果{ /*显示：无*/ /*可见性：隐藏*/ /*身高：0； 溢出：隐藏*/ } 除法结果{ /*同上*/ } 确保divResult没有导致隐藏其中元素的样式

范例

const divResult=document.queryselectordvresult； 常量url=https://i.picsum.photos/id/440/50/50.jpg 获取URL .thenresponse=>response.blob .thenblob=>{ const image1=document.createElementimg； image1.src=URL.createObjectURLblob； const parent=document.body； parent.appendChildimage1； const clonedElement=image1.cloneNodetrue； divResult.appendChildclonedElement }; 分割结果{ /*显示：无*/ /*可见性：隐藏*/ /*身高：0； 溢出：隐藏*/ } 除法结果{ /*同上*/ }

---

这回答了你的问题吗？我已经看过这篇文章了，但我不明白第一个答案这是否回答了你的问题？我已经看过这篇文章了，但我不明白第一个答案谢谢你的回答，但实际上我已经有了一个类似blob的url：http://127.0.0.1:5500/ac9a2a0d-2d9b-41e9-96c5-4894292aef3b不象https://i.picsum.photos/id/440/50/50.jpg，所以您的代码不起作用..这就是获取图像后代码所做的事情，它变为blob:。。。使用URL.CreateObjectUrl，如果在开发工具中检查divResult会怎么样？它显示了什么？也许你有不同的引用，它把它放在一个完全不同的elementfunct.js:86 GET blob:net:：ERR_FILE_NOT_found谢谢你的回答，但实际上我已经有了一个类似blob:http://127.0.0.1:5500/ac9a2a0d-2d9b-41e9-96c5-4894292aef3b不象https://i.picsum.photos/id/440/50/50.jpg,所以你的代码不起作用..这就是在获取图像后代码所做的，它会变成blob:。。。使用URL.CreateObjectUrl，如果在开发工具中检查divResult会怎么样？它显示了什么？也许您有不同的引用，它将它放在一个完全不同的elementfunct.js:86 GET blob:net:：ERR_FILE_NOT_FOUND_