HTTP를 사용하여 드롭 박스 API에서 다운로드 한 BLOB 읽기

Question

보관 용 계정을 사용하면 Dropbox 폴더로 URL을 드래그 앤 드롭하여 바로 가기를 만들 수 있습니다. 이것은 다음과 같이 저장됩니다 :

당신은 단지를 잡을 수 있도록 당신이 응답을 구문 분석 방법은 다음과 같습니다

이런 식으로 뭔가를 보이는 XHR 응답을 반환합니다 드롭 박스에서 /2/files/download HTTP API를 사용하여 URL을 클릭 할 수있는 링크로 만드시겠습니까?

Answer 1

여기 Angular 1 공장에 들어가야하는 것이 있습니다. 이를 사용하려면 컨트롤러에서 downloadFile 함수를 호출하고 보관 용 계정에있는 파일의 경로를 제공하면됩니다.

function downloadFile(filePath) { 
      if (!filePath) { 
       console.error('Cannot download file because no file was specified.'); 
       return; 
      } 
      return $q(function(fulfill, reject) { 
       $http({ 
        url: 'https://content.dropboxapi.com/2/files/download', 
        method: 'POST', 
        headers: { 
         'Authorization': 'Bearer {{access-token-goes-here}}', 
         'Dropbox-API-Arg': `{"path": "${filePath}"}` 
        }, 
        responseType: 'blob' 
       }).then(
        results => { 
         // data received from dropbox is binary data saved as a blob 
         // The FileReader object lets web applications asynchronously read the contents of files 
         // https://developer.mozilla.org/en-US/docs/Web/API/FileReader 
         var fileReader = new FileReader(); 
         // function will run after successfully reading the file 
         fileReader.onload = function() { 
          var string = this.result; // store the file contents 
          string = encodeURI(string); // get rid of the paragraph return characters 
          var endPosition = string.indexOf('%0D%0A', 32); // find the end of the URL, startPosition is 32 
          var actualURL = string.substring(32, endPosition); // grab only the characters between start and end positions 
          fulfill(actualURL); 
         }; 
         fileReader.readAsText(results.data);       
        }, 
        error => reject(error)); 
      }); 
     }