createobjecturl

放逐者-保持本心，方可放逐

js 之图片流式转换及图片处理+createObjectURL+canvas+webgl+buffer在JavaScript中，要对后端返回的图片或文件进行流式转化显示，可以通过 XMLHttpRequest （或者更现代的 fetch API）获取数据，然后使用 Blob 对象和 URL.createObjectURL 来创建一个可用于显示的URL。以下是分别使用 fetch 和 XMLHttpRequest 的示例：

FileReader与URL.createObjectURL实现图片、视频上传预览之前做图片、视频上传预览常用的方案是先把文件上传到服务器，等服务器返回文件的地址后，再把该地址字符串赋给img或video的src属性，这才实现所谓的文件预览。实际上这只是文件“上传后再预览”，这既浪费了用户的时间，也浪费了不可轻视的流量。