如何在线读取并下载后端某个文本文件的内容

场景：

很多情况，我们一般是会选择本地的文件，然后预览并且上传文件到后端，但有的时候如果需求是让你从后端在线获取一个文本文件，并且直接读取展示在页面上，这个时候你该怎么实现这个需求？

 

直接上代码：

其实很简单，我们暂时忽略原生XMLHttpRequest请求的方式，直接使用jQuery封装的ajax来请求后端接口

success之后直接将返回的函数中拿到文本文件里的内容result。然后将result的内容展示到富文本框中。

下面的success回调方法中，四种方式都可以将读取到的文本内容动态赋值给富文本框。

$.ajax({
          type: 'get',
          async: true,
          url: data.linkUri,
          success: function (result) {
            // this.textData = result
            // document.getElementById('textarea').innerHTML = result
            // eslint-disable-next-line
            $('#textarea').html(result)
            // _this.$refs.textarea.value = result
          }
        })

 

<input type="textarea" class="text-wrapper" id="textarea"></input>