OneDrive Filepicker

OneDrive Filepicker SDK se puede utilizar para obtener los Archivos de OneDrive que se puede utilizar para mostrar como compartible enlace o descargar como archivo.

Aquí están los pasos para la Instalación de OneDrive FilePicker

Paso 1:

Solicitud de registro en https://apps.dev.microsoft.com/, el Uso de una URL de redirección de una página en su sitio web (que se necesita para agregar OneDrive.js en esa página). Después de registrarse App podrás obtener un id de aplicación.

Paso 2:

El uso de OneDrive selector como sigue:

    <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:

Usted puede utilizar sola URL de redireccionamiento en lugar de múltiples cuando el uso del selector de archivos en muchas páginas web. Definir opciones avanzadas como:

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

advanced: {

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

Aquí está la documentación Oficial y enlaces útiles para OneDrive Selector de Archivos:

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

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

Tag(s) filepicker OneDrive

Leave a Comment Cancel Reply

COOKIE USAGE POLICY