js获取File对象

162 阅读1分钟

js获取File对象

1、首先前端获取到可下载文件的url,

例如:"http://xxxxxxupload/2e3516d9-3c81-46c9-8e32-ba2596ab4ea3.docx?Expires=xxx"

2、方法如下

  function getFileFromUrl(url:any, fileName:any) {
          return new Promise((resolve, reject) => {
              var blob = null;
              var xhr = new XMLHttpRequest();
              xhr.open("GET", url);
              xhr.setRequestHeader("Content-type", "text/plain;");
              xhr.responseType = "blob";
              // 加载时处理
              xhr.onload = () => {
              	// 获取返回结果
                  blob = xhr.response;
                  let file= new File([blob], fileName, { type: 'text/plain' });
                  console.log('file:',file)
                  var reader = new FileReader();
                  var type = file.name.split('.')[1]; 
                  console.log('file:',file)
                  // 返回结果
                  resolve(file);
              };
              xhr.onerror = (e) => {
                  reject(e)
              };
              // 发送
              xhr.send();
          });
      }

获取到到file 如图:

微信图片_20230615135305.png