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 @ 2022-12-19 14:59  程序员肉包子  阅读(31)  评论(0编辑  收藏  举报