vuejs解决后端返回txt数据(后端返回oss富文本数据地址)

复制代码
 1 methods: {
 2     urlToBlob(url) {
 3       const that = this;
 4       const file_url = url || '';
 5       const xhr = new XMLHttpRequest();
 6       xhr.open('get', file_url, true);
 7       xhr.responseType = 'blob';
 8       // eslint-disable-next-line func-names
 9       xhr.onload = function () {
10         if (this.status === 200) {
11           const reader = new FileReader();
12           // eslint-disable-next-line func-names
13           reader.onload = function () {
14             // eslint-disable-next-line func-names
15             that.$nextTick(function () {
16               this.textValue = reader.result;
17             });
18           };
19           reader.readAsText(this.response);
20         }
21       };
22       xhr.send();
23     },
24 
25     // 获取详情页面数据
26     async getDetailsData(id) {
27       try {
28         const result = await getDetails(id);
29         if (result.txtUrl) {
30           this.urlToBlob(result.txtUrl);
31         }
32         this.detailsData = result;
33       } catch (err) {
34         console.log(err);
35       }
36     }
37   },
复制代码
posted @   程序员肉包子  阅读(61)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示