OneDrive Filepicker SDK يمكن استخدامها للحصول على الملفات من ون درايف التي من الممكن أن تستخدمها كما تظهر رابط يمكن مشاركته أو تحميل الملفات.
وإليك خطوات إعداد OneDrive FilePicker
الخطوة 1:
استمارة التسجيل في https://apps.dev.microsoft.com/ استخدام إعادة توجيه URL من صفحة على موقع الويب الخاص بك (سوف تحتاج إلى إضافة OneDrive.js في هذه الصفحة). بعد تسجيل التطبيق سوف تحصل على معرف التطبيق.
الخطوة 2:
استخدام OneDrive المنتقى كما يلي:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
<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 بدلا من متعددة عند استخدام الملف المنتقى على العديد من صفحات الويب. تحديد الخيارات المتقدمة مثل:
1 2 3 |
advanced: { redirectUri: "https://yourCommonRedirectUri.com", }, |
هنا الوثائق الرسمية و الروابط المفيدة على OneDrive الملف المنتقى: