如何解决innerHTML img内存泄漏
tcp服务器继续转发新的图像路径。
客户端继续通过其接收的路径更新图像。
我认为.innerHTML = "<img
会导致内存泄漏
<script src="/socket.io/socket.io.js"></script>
<script type="text/javascript">
const socket = io();
socket.on('data',(msg)=>{
document.getElementById('IMG').innerHTML = "<img src="+msg.imagePath + ">";
});
</script>
这是我的第二个计划。
如何继续更改图像而不会出现内存泄漏?
<script src="/socket.io/socket.io.js"></script>
<script type="text/javascript">
const socket = io();
socket.on('data',(msg)=>{
(function(){
document.getElementById('IMG').innerHTML = "<img src="+msg.imagePath + ">";
}());
});
</script>
解决方法
您只能更改src
:
document.querySelector('#IMG').setAttribute('src',msg.imagePath);
,
您可以尝试以下操作:
<script src="/socket.io/socket.io.js"></script>
<script type="text/javascript">
const socket = io();
socket.on('data',(msg)=>{
document.getElementById('IMG').setAttribute("src",msg.imagePath);
});
</script>
这样,您将更新img
元素的src属性。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。