Dropbox JavaScript SDK를 사용하여 파일을 다운로드 할 때 문제가 발생했습니다.

Question

Dropbox Javascript SDK를 사용하여 클라이언트 측의 Webapp 자체에 파일을 다운로드하려고합니다.

웹 응용 프로그램의 폴더에만 파일을 다운로드하고 싶다는 것을 분명히하고 싶습니다. 보안 문제로 인해 실제로 가능하지 않을 수 있음을 이해합니다. 나는 다운로드로 발생하는 않는 것을 볼 확실히 할 수

$scope.testDownload = function() { 
    console.log('Testing Download'); 
    dbx.filesDownload({path: '/Collorado Springs.jpg'}) // Just a test file 
    .then(function(response) { 
     console.log(response); 
    }) 
    .catch(function(error) { 
     console.log(err); 
    }); 
}; 

:

http://dropbox.github.io/dropbox-sdk-js/index.html

http://dropbox.github.io/dropbox-sdk-js/Dropbox.html#filesDownload__anchor

이 내 컨트롤러 코드 :

난에서 제공하는 문서를 다음입니다 아래 그림과 같이 Chrome 네트워크 도구에 표시됩니다.

(내가 그렇게 여러 개의 링크를 삽입이 공유 "링크"내가 생성 해석 할하시기 바랍니다 충분한 명성을하지 않음)

https : //로 www.dropbox.com/s/s0gvpi4qq2nw23s/dbxFilesDownload.JPG?dl=0

나는 이것이 파일 다운로드 작업에 대한 지식이 부족하거나 JavaScript를 잘못 사용했다고 생각합니다.

제공 할 수있는 도움에 미리 감사드립니다.

Answer 1

웹 응용 프로그램에서 파일을 다운로드하고 사용하려면 백엔드 서버를 설정하고이를 사용하여 사용자 권한이있는 콘텐츠를 임시 저장하는 것이 좋습니다. 이렇게하려면

, HTTP 요청을 한 후 다음과 같은 다음, 드롭 박스 서비스의 서버 측을 호출하여 요청을 처리 코드를 사용하여 Express를 사용

'use strict'; 
var Dropbox = require('dropbox'); 
var fs = require('fs'); 
var path = require('path'); 

exports.downloadFile = function(token, id, eventID, fileType, callback) { 
    var dbx = new Dropbox({ accessToken: token }); // creates post-auth dbx instance 
    dbx.filesDownload({ path: id }) 
    .then(function(response) { 
     if(response.fileBinary !== undefined) { 
     var filepath = path.join(__dirname, '../../images/Events/' + eventID + '/' + fileType + '/Inactive/', response.name); 
     fs.writeFile(filepath, response.fileBinary, 'binary', function (err) { 
      if(err) { throw err; } 
      console.log("Dropbox File '" + response.name + "' saved"); 
      callback('File successfully downloaded'); 
     }); 
     } 
    }) 
    .catch(function(err) { 
     console.log(err); 
     callback('Error downloading file using the Dropbox API'); 
    }) 
} 

module.exports = exports;