前端/H5/JS：通过URL下载文件并转存到其他服务器（微信），Blob文件转File文件

现在有一个图片URL，在自己服务器上，一个微信提供的媒体文件上传URL，我在前端通过JS实现转存微信服务器

1. http://file.xxx.com/asd.jpg 自己的

2.https://api.weixin.qq.com/cgi-bin 微信

浏览器访问http://file.xxx.com/asd.jpg，看到一个图，并且，请求的 Content-Type:image/jpeg

首先，先把文件以Blob下载下来到内存

PS：也可以提供一个本地路径，来进行下载到nodejs/浏览器管理的内存中

getBlob(url, callback) {
        var xhr = new XMLHttpRequest()
        xhr.open('GET', url)
        xhr.responseType = 'blob'
        xhr.onload = () => {
            console.log(xhr.response)
        }
        xhr.send()
}

console打印如下：

Blob {size: 5523, type: "image/jpeg"} 

然后，把Blob转File

const blob = xhr.response

const files = new window.File([blob], `abc.${blob.type.split('/')[1]}`, { type: blob.type })

打印File如下

接着，用Form包裹，

  const formData = new FormData()
  formData.append('media', files)

最后，把formData放到POST的body，调用上传即可