JavaScript图像处理，JavaScript如何将上传图片文件File、Image或Canvas画板中的图像转换成Blob url和图像像素等常用转换操作

本章讲解一下JavaScript中图片文件和图像处理经常使用到的图像转换操作。比如上传文件转base64的图像url，或者转换成canvas，获取像素数据，或者转换成Blob的url等操作，便于进行图像处理操作。

相关api说明

FileReader说明

FileReader 提供四个方法，处理 Blob 对象。Blob 对象作为参数传入这些方法，然后以指定的格式返回。

FileReader.readAsText()：返回文本，需要指定文本编码，默认为 UTF-8。
FileReader.readAsArrayBuffer()：返回 ArrayBuffer 对象。
FileReader.readAsDataURL()：返回 Data URL。
FileReader.readAsBinaryString()：返回原始的二进制字符串。

浏览器处理 Blob URL 和普通get请求的 URL 一样，如果 Blob 对象不存在，返回404状态码；如果跨域请求，返回403状态码。Blob URL请求如果请求成功，返回200状态码。由于 Blob URL 就是普通 URL，可以直接下载

URL.createObjectURL说明

浏览器网页可以使用URL.createObjectURL()方法来