根据后端返回的文件URL读取其中内容并显示提交到服务器

家里的喵

已于 2022-04-18 14:48:47 修改

阅读量971

点赞数 1

分类专栏：工作随笔文章标签： javascript

于 2022-04-18 14:46:07 首次发布

本文链接：https://blog.youkuaiyun.com/huanlesyaya/article/details/124249285

版权

工作随笔专栏收录该内容

18 篇文章

订阅专栏

该博客介绍了如何通过JavaScript的XMLHttpRequest对象进行GET请求，获取服务端返回的blob类型数据，并利用FileReader接口读取和显示文件内容。重点在于HTTP请求的设置、响应类型的设定以及FileReader的onload事件处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        const xhr = new XMLHttpRequest();
        xhr.open('GET', '这里放后端返回的url文件地址');
        xhr.send(null);
        // 设置服务端的响应类型
        xhr.responseType = "blob";
        xhr.onreadystatechange = event => {
           if(xhr.readyState == 4){
             if (xhr.status == 200){
              console.log(xhr.response);
              if(window.FileReader){
                let reader = new FileReader(); // 新建一个FileReader
                reader.readAsText(xhr.response); // 读取文件，file 为要获取的文件，自己获取
                 reader.onload = evt => {
                  console.log(reader.result,'result')
                }
              }
            }
          }
         }