js 上传一个图片 转成文件流 然后将文件流转成blob 字符串

以下是一个简单的示例代码，使用FileReader对象将文件转换为文件流，再将文件流转换为Blob对象字符串：

HTML 代码：

<form>
  <input type="file" id="fileInput">
  <button type="button" onclick="upload()">上传图片</button>
</form>

JavaScript 代码：

function upload() {
  var fileInput = document.getElementById('fileInput');
  var file = fileInput.files[0];
  
  var reader = new FileReader();
  reader.readAsArrayBuffer(file);
  
  reader.onload = function() {
    var arrayBuffer = reader.result;
    var blob = new Blob([arrayBuffer], {type: file.type});
    
    var formData = new FormData();
    formData.append('file', blob);
    
    // 发送 formData 到服务器
  }
}

在此代码中，我们首先获取文件输入元素和选定的文件。然后，我们创建一个FileReader对象并将文件读入内存。一旦文件被读入内存，我们将其转换为一个ArrayBuffer对象，并使用该对象创建一个Blob对象。最后，我们将Blob对象添加到FormData对象中，以便将其发送到服务器。