Загрузите файл в Dropbox и сгенерируйте общую ссылку в javascript.

Dropbox — это служба размещения файлов, которая позволяет любому загружать и передавать файлы в облако, а также делиться ими с кем угодно.

Сегодня мы узнаем, как использовать Dropbox для загрузки файла и создания общей ссылки на него в javascript.

Настройте параметры Dropbox

  1. Прежде всего, вам необходимо создать учетную запись в dropbox.
  2. После успешного входа перейдите в версию для разработчиков и нажмите Консоль приложения.
  3. Теперь нажмите Создать приложение, чтобы запустить приложение. Вы можете запросить подтверждение электронной почты. если это так, пожалуйста, проверьте.
  4. Продолжайте с нужными вам шагами или вы можете следовать настройкам удара.

5. Затем вы получите настройки вашего приложения. прокрутите вниз, и вы найдете Сгенерированный токен доступа. нажмите и сгенерируйте свой токен. вы можете изменить срок действия токена доступа через настройки.

6. Теперь нажмите на вкладку разрешение и убедитесь, что все параметры Файлы и папки и Совместная работа отмечены флажком.

Это процесс настройки Dropbox для загрузки и обмена. если вы хотите перейти к производству, вам нужно настроить некоторые дополнительные функции в настройках.

Реализация в Javascript

  1. Прежде всего, установите Javascript SDK из NPM или CDN.
npm install --save dropbox
or
<script src="https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js">

2. Инициализируйте дропбокс

let dbx = new Dropbox({ accessToken: 'YOUR_ACCESS_TOKEN_HERE' });

3. Загрузите файл в Dropbox.

//inside async function
await dbx.filesUpload({path: `/${name}.fileFormat`,contents: blob,});
or
dbx.filesUpload({path: `/${name}.fileFormat`,contents: blob,})
  .then(function(response) {
    console.log(response);
  })
  .catch(function(error) {
    console.log(error);
  });

4. Создайте ссылку для общего доступа.

//inside async 
const response = await dbx.sharingCreateSharedLinkWithSettings({path: `/${name}.fileFormat`,settings: {access: “viewer”,audience: “public”,requested_visibility: “public”,},});
// response.result.url
or
dbx.sharingCreateSharedLinkWithSettings({path: `/${name}.fileFormat`,settings: {access: “viewer”,audience: “public”,requested_visibility: “public”,},})
 .then(function(response) {
    console.log(response.result.url);
  })
 .catch(function(error) {
    console.log(error);
  });

Если вам интересно, вы можете просмотреть другие примеры JavaScript или поиграть с API Dropbox.