vue将blob格式的docx文件转为docx
时间: 2023-08-03 14:09:45 浏览: 112
你可以通过以下步骤将blob格式的docx文件转换为可下载的docx文件:
1. 将blob转换为二进制数据。
```javascript
const binaryData = [];
binaryData.push(response.data);
const blob = new Blob(binaryData, { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' });
```
2. 创建一个可下载的链接。
```javascript
const url = window.URL.createObjectURL(blob);
```
3. 创建一个a标签,设置href属性为可下载链接,设置download属性为文件名。
```javascript
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'example.docx');
```
4. 将a标签添加到DOM中,并模拟点击下载链接。
```javascript
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
```
完整代码示例:
```javascript
axios.get('example.docx', { responseType: 'blob' }).then((response) => {
const binaryData = [];
binaryData.push(response.data);
const blob = new Blob(binaryData, { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' });
const url = window.URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'example.docx');
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
});
```
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)