33K Views

OneDrive Filepicker

OneDrive Filepicker SDK يمكن استخدامها للحصول على الملفات من ون درايف التي من الممكن أن تستخدمها كما تظهر رابط يمكن مشاركته أو تحميل الملفات.

وإليك خطوات إعداد OneDrive FilePicker

الخطوة 1:

استمارة التسجيل في https://apps.dev.microsoft.com/ استخدام إعادة توجيه URL من صفحة على موقع الويب الخاص بك (سوف تحتاج إلى إضافة OneDrive.js في هذه الصفحة). بعد تسجيل التطبيق سوف تحصل على معرف التطبيق.

الخطوة 2:

استخدام OneDrive المنتقى كما يلي:

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

ملاحظة:

يمكنك استخدام واحدة إعادة توجيه URL بدلا من متعددة عند استخدام الملف المنتقى على العديد من صفحات الويب. تحديد الخيارات المتقدمة مثل:

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

 

هنا الوثائق الرسمية و الروابط المفيدة على OneDrive الملف المنتقى:

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

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

. . .

Comment

Add Your Comment

Be the first to comment.

css.php