vue附件上传成功的参数转成二进制
Vue组件上传成功的参数转换成二进制数据（如文件流），可以使用`FormData`对象将参数转换成二进制形式。下面是一个示例：
```javascript
// 假设参数对象为 {file: File, name: string}
// 创建FormData对象
const formData = new FormData();
// 将文件对象添加到FormData中
formData.append('file', params.file);
// 将其他参数转换为字符串并添加到FormData中
formData.append('name', JSON.stringify(params.name));
// 现在你可以将formData作为请求体传给后端
```
在上面的示例中，`params.file`是一个文件对象，你可以通过文件输入框的`files`属性来获取。`params.name`是一个普通的字符串参数，我们将其转换为JSON字符串后再添加到FormData中。
注意：FormData对象是HTML5中的一个API，它提供了一种方便的方式来构建表单数据，并能够将数据发送给服务器。所以如果你是在浏览器环境下使用Vue，上述代码应该能满足你的需求。如果你是在非浏览器环境中使用Vue，你可能需要查对应环境下的文件上传方式。
继续生成
```javascript
// 假设参数对象为 {file: File, name: string}
/
/ 创建FormData对象
const formData = new FormData();
// 将文件对象添加到FormData中
formData.append('file', params.file);
// 将其他参数转换为字符串并添加到FormData中
formData.append('name', JSON.stringify(params.name));
// 创建XMLHttpRequest对象
const xhr = new XMLHttpRequest();
// 设置请求方法和地址
xhr.open('POST', '/upload');
// 发送FormData对象
vuejson转对象xhr.send(formData);
// 监听上传进度
xhr.upload.addEventListener('progress', (event) => {
  if (event.lengthComputable) {
    const percentComplete = event.loaded / al * 100;
    console.log(`上传进度: ${percentComplete}%`);
  }
});
// 监听上传完成事件
xhr.addEventListener('load', () => {
  console.log('上传完成');
});
// 监听上传错误事件
xhr.addEventListener('error', () => {
  console.log('上传发生错误');
});
// 监听上传被取消事件
xhr.addEventListener('abort', () => {
  console.log('上传被取消');
});
```
在上面的示例中，我们首先创建了一个FormData对象，并添加了文件对象和其他参数。然后，我们创建了一个XMLHttpRequest对象，并使用POST方法将FormData发送到服务器的`/upload`地址。我们使用`xhr.send(formData)`将数据发送出去。
我们还监听了上传进度、上传完成、上传错误和上传被取消等事件，并打印出相应的日志。你可以根据实际情况修改代码来处理这些事件。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。