Dropbox Upload

This package will let user upload small, as well as large files to the Dropbox using Dropbox API.

Features

• Download file to local folder from url
• Get dropbox access token
• Upload file to dropbox

Installation

Install the package

npm i react-native-dropbox-zluck

Usage

import Dropbox from 'react-native-dropbox-zluck';

Download file

Parameters: | Param | README | Optional | ------ | ------ | ------ | | url | Enter file url | required | | fileName | Enter the name of the file | required | | openOnDownload | default: false, set it true, if you want to open file when download is completed | optional | | downloadProgress | Callback which will return download progress | optional |

const db = new Dropbox();
result = await db.downloadFile(
    fileUrl,
    fileName,
    false,
    (progress: number) => {
        //Use the progress to show progress bar
    }
);

Response

result -> { success: false, path: '' };

View file

Parameters: | Param | README | Optional | ------ | ------ | ------ | | filePath | Enter file path | required |

const db = new Dropbox();
db.viewFile(filePath);

Get Dropbox token

Parameters: | Param | README | Optional | ------ | ------ | ------ | | oauthClientId | Client Id obtained from dropbox developer console | required | | oAuthClientSecret | Client secret obtained from dropbox developer console | required | | oAuthRedirectUrl | App redirect url assignd in dropbox developer console | required |

Dropbox Guide

const db = new Dropbox();
const tokenResult = await db.getDBToken(
    OAUTH_CLIENT_ID,
    OAUTH_CLIENT_SECRET,
    OAUTH_REDIRECT_URI
);

Response

tokenResult -> { dropbox_access_token: '', dropbox_uid: '' };

Upload file to Dropbox

Parameters: | Param | README | Optional | ------ | ------ | ------ | | accessToken | Access token from dropbox api | required | | filePath | The path to the filem which you want to upload | required | | fileName | Custom file name for the fiel to be upload (excluding extension, it will be auto-obtained from file path) | optional | | folderName | Folder name, where file will be uploaded (default: My App). Best practice, is to have your project/app name | optional | | uploadProgress | Callback which will return upload progress | optional | | partSize | If file exceeds, the default allowed maximum size, then divide files in this size | optional |

Dropbox Developer API

const db = new Dropbox();
const uploadResult = await db.uploadFileToDropbox(
    accessToken,
    filePath,
    '',
    '',
    (progress) => {
        //Use the progress to show progress bar
    }
);

License

MIT