广河网站建设,logo制作方法,wordpress更新插件,网站的开发公司倒闭对网站使用文章目录 前言网页整体刷新改变图像的url 备注 前言
海思3516的一个开发板#xff0c;不断的采集图像编码为jpeg#xff0c;保存为同一个文件。打算用网页实现查看视频的效果#xff0c;需要前端能够自动刷新。
目前找到了两个方法#xff0c;一个是网页的不断刷新#… 文章目录 前言网页整体刷新改变图像的url 备注 前言
海思3516的一个开发板不断的采集图像编码为jpeg保存为同一个文件。打算用网页实现查看视频的效果需要前端能够自动刷新。
目前找到了两个方法一个是网页的不断刷新一个是页面内图像元素的不断刷新。
网页整体刷新
使用meta标签让浏览器不断刷新界面和手动点刷新效果一样。
meta http-equivrefresh content1!DOCTYPE html
html
head
meta charsetutf-8
meta http-equivrefresh content1
titletest/title
/head
bodyimg idpic srcsnap_chn1.jpg /
/body
/html
改变图像的url
使用setInterval不断改变图像的地址这里加了个时间确保浏览器会去刷新不加的话好像不变。 可以用浏览器去调试看url是不是自己想要的有没有设置对。
!DOCTYPE html
html
head
meta charsetutf-8
titletest/title
/head
bodyimg idpic srcsnap_chn1.jpg /scriptsetInterval(function(){var tmpImage new Image();tmpImage.src snap_chn1.jpg?tMath.random();document.getElementById(pic).src tmpImage.src;}, 1000);/script
/body
/html备注
上面方法都可以刷新图像但是实际使用的效果有些不理想图像很多时候刷不出来不知道是不是使用的http服务器有问题不过也聊胜于无吧。
