2020-11-27

通常，我们通过input 上传一个文件时，需要先获取到图片的路径，然后再传给后端，那么怎么获取到图片的路径呢，js中需要定义FileReder对象才能获取到文件的路径，上代码

html：

<input type="file" accept="image/*" onchange="upLoad(this)"/>

js：

当在图片加载事件里面获取到的evt.target.result就是base64的图片路径

当获取到路径后，我们如果想转成Blob时，上代码：

Blob 传入数据只能传对象或者数组，不支持直接传字符串，转完了以后，我们可以用instanceof来验证一下，转的是否正确，不能直接用正则表达式来判断url里是否含有Blob这个字符串来认定这就是Blob，因为Blob类型对象的数据里，大概是[size:111,type:"image"]的结构哦