成长记录：使用cropper.js上传

cropper.js的使用教程在众多博客已有详细介绍，在这里记录作为前端菜鸟的我遇到的难题。
cropper最后可以通过getCropBlob()返回blob、getCropData()返回base64。
可是，上传的接口要file类型，尝试直接上传blob类型也成功了，可是文件的后缀名是blob。
接下来我就纠结用blob类型或base64转file类型，也找到了

var file = new window.File([blob], fileName, {type: blob.type})

可是这种方法在IE上不兼容。
经过一番折腾，发现自己的方向是错了。
最后的解决方法：

var formdata = new FormData()；
formdata.append("image", blob, fileName);

FormData我也只会粗浅使用，不多介绍，formdata.append 接受的第三个参数，可重命名blob，例如：
fileName = “test.png”