OneDrive Filepicker

Ankit Yadav

9 January 2018

OneDrive Filepicker SDK pode ser usado para obter Arquivos de OneDrive que você pode usar para mostrar como compartilhável link ou fazer o download como um arquivo.

Aqui estão os passos para a Instalação OneDrive FilePicker

Passo 1:

Registrar a aplicação em https://apps.dev.microsoft.com/, Use uma URL de redirecionamento de uma página no seu site (você precisará adicionar OneDrive.js nessa página). Depois de registrar um Aplicativo, você receberá uma id de aplicativo.

Passo 2:

Use OneDrive selecionador como a seguir:

    <script type="text/javascript" src="https://js.live.net/v7.2/OneDrive.js" async="async"></script>
    <script type="text/javascript">
        launchOneDrivePicker = function(that) {
            var odOptions = {
                clientId: "YOUR_APPLICATION_ID",
                action: "query",
                multiSelect: false,
                advanced: {
                    redirectUri: "https://yourCommonRedirectUri.com",
                },
                openInNewWindow: true,
                success: function(response) {
                    $.each(response.value, function(index, value) {
                        var url = response.apiEndpoint + 'drives/' + value.parentReference.driveId + '/items/' + value.id;
                        $.ajax({
                            'url': url,
                            beforeSend: function(request) {
                                request.setRequestHeader("Authorization", 'Bearer ' + response.accessToken);
                            },                            
                            success: function(result) {
                                // console.log(result);
                                var resultData = {
                                    'url': result['@microsoft.graph.downloadUrl'], // this returns shareable url of file
                                    'name': result['name'], // this returns file name
                                };

                            },
                            error: function(xhr) {
                            },
                        });
                        
                    });
                },
                cancel: function() {
                  // called when user cancels popup action
                },
                error: function(e) {
                  // called when error in connecting to OneDrive api
                }
            };
            OneDrive.open(odOptions); //launches file picker
        };
    </script>

launchOneDrivePicker = function(that) {

var odOptions = {

clientId: "YOUR_APPLICATION_ID",

action: "query",

multiSelect: false,

advanced: {

redirectUri: "https://yourCommonRedirectUri.com",

openInNewWindow: true,

success: function(response) {

$.each(response.value, function(index, value) {

var url = response.apiEndpoint + 'drives/' + value.parentReference.driveId + '/items/' + value.id;

$.ajax({

'url': url,

beforeSend: function(request) {

request.setRequestHeader("Authorization", 'Bearer ' + response.accessToken);

success: function(result) {

// console.log(result);

var resultData = {

'url': result['@microsoft.graph.downloadUrl'], // this returns shareable url of file

'name': result['name'], // this returns file name

};

error: function(xhr) {

});

cancel: function() {

// called when user cancels popup action

error: function(e) {

// called when error in connecting to OneDrive api

}

};

OneDrive.open(odOptions); //launches file picker

};

</script>

Nota:

Você pode usar a única URL de redirecionamento em vez de vários, quando usando o seletor de arquivos em muitas páginas da web. Definir opções avançadas como:

advanced: {
            redirectUri: "https://yourCommonRedirectUri.com",
          },

advanced: {

redirectUri: "https://yourCommonRedirectUri.com",

Aqui é a documentação Oficial e links úteis para a OneDrive Seletor de arquivos:

https://dev.onedrive.com/sdk/js-v72/js-picker-open.htm

https://github.com/OneDrive/onedrive-api-docs