今天接到要求要求把网站上的铨部图片链接加密,其实方法有很多我选择了比较简单的一种,html5的blob对象
直接看代码吧。关于blob的细节大家可自行搜索查询
首先后台返回圖片的字节流代码如下如示:
这里我是写死了一个图片地址,大家可在网址上带上图片地址参数这样动态获取图片地址来进行返回图爿流。
//配置请求方式、请求地址以及是否同步 //设置请求结果类型为blob //获取blob对象地址并把值赋给容器这样就可以了,然后我们回到网页上看看img标签src的地址是什么
图片的地址就变为这种了,今天就到此为止
本文参与欢迎正在阅读的你也加入,一起分享
最近在折腾移动端的 HTML5 的 video
,也想试试使用 blob 是否能够加载的更快一些
MDN 的文档写的很清楚,因此就不在啰嗦文档里面的内容
MDN 最好的一点是给了一个demo:
可以这么理解:(并不是特别准确)
5、监听 updateend 事件,在请求结束之后 播放视频结束流传输
6、重复 4-5 直至流加载完位置
具体的可以看上面的示例 html 文件并且自己写写试试。不在重复示例代码中的东西
基于已经有的 demo 代码于是将几个函数封装成一个对象,到时候直接用一行代码调用即可实现这个功能
PS: 样式可以不写,src 也可以不赋值