手机端post请求 new Blob下载

在移动端使用JavaScript进行POST请求并将数据作为Blob对象进行下载，通常涉及以下几个步骤：

1. 创建Blob对象：首先，你需要将你要下载的数据转化为Blob格式。例如，如果你有一个JSON字符串 `data`，你可以这样做：

let blob = new Blob([data], {type: 'application/json'});

2. 设置URL和FormData：对于POST请求，你需要创建一个FormData实例，并添加Blob对象到其中，设置请求头为"Content-Type: application/octet-stream"（用于表示二进制数据）：

let formData = new FormData();
formData.append('file', blob, 'filename.json');

这里，`file` 是键名，`blob` 是Blob对象，`filename.json` 是你希望文件显示的名字。

3. 发送POST请求：使用fetch API发起POST请求，设置URL，然后发送FormData：

fetch('https://example.com/upload', {
  method: 'POST',
  body: formData,
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})
.then(response => {
  if (response.ok) {
    // 请求成功，触发下载
    return response.blob();
  } else {
    throw new Error(`Error! Response status: ${response.status}`);
  }
})
.then(blob => {
  let url = URL.createObjectURL(blob);
  let aLink = document.createElement('a');
  aLink.href = url;
  aLink.download = 'filename.json';
  aLink.click(); // 触发下载
  URL.revokeObjectURL(url); // 下载完成后释放URL
});

4. 弹窗提示确认：由于浏览器安全限制，直接点击链接可能会阻止默认下载行为，所以通常需要模拟点击或者展示一个确认下载的弹窗让用户手动操作。