window.URL对象的使用方式

1 window.URL是干嘛的？

window对象的URL对象是专门用来将blob或者file读取成一个url的。

window.URL.createObjectURL(file / blob)

这个url可以用在html的任何可以使用url的地方，比如img的src ; audio/video的src和source标签等。
所有能在浏览器中显示的图片、音频、视频等都是可以用url转换成一个url对象的，这个对象一旦被src引用，就会显示出来。

那么这些file或者blob来自于哪里呢？可以是在本地硬盘中通过<input type='file'>选择的文件，也可以是通过ajax请求后某个不知名的服务器请求到内存的。

问题： 如果一个img标签的src属性是一个excel文件转换成的url对象，那会发生什么？

我想img肯定将它读不出来，因为会img标签会检测文件类型。

2.URL构造函数将普通url转换成URL对象

除了可以将一个文件或者blob转化成一个Url对象，还可以将一个url字符串转换成一个URL对象

// https://cn.bing.com?id=123
var parsedUrl = new URL('https://cn.bing.com?id=123v');
console.log('parsedUrl' , parsedUrl, parsedUrl.searchParams.get("id")); // 123
console.log('parsedUrl' , parsedUrl.toString(), parsedUrl.searchParam