Загрузите файл в Dropbox и сгенерируйте общую ссылку в javascript.
Dropbox — это служба размещения файлов, которая позволяет любому загружать и передавать файлы в облако, а также делиться ими с кем угодно.
Сегодня мы узнаем, как использовать Dropbox для загрузки файла и создания общей ссылки на него в javascript.
Настройте параметры Dropbox
- Прежде всего, вам необходимо создать учетную запись в dropbox.
- После успешного входа перейдите в версию для разработчиков и нажмите Консоль приложения.
- Теперь нажмите Создать приложение, чтобы запустить приложение. Вы можете запросить подтверждение электронной почты. если это так, пожалуйста, проверьте.
- Продолжайте с нужными вам шагами или вы можете следовать настройкам удара.
5. Затем вы получите настройки вашего приложения. прокрутите вниз, и вы найдете Сгенерированный токен доступа. нажмите и сгенерируйте свой токен. вы можете изменить срок действия токена доступа через настройки.
6. Теперь нажмите на вкладку разрешение и убедитесь, что все параметры Файлы и папки и Совместная работа отмечены флажком.
Это процесс настройки Dropbox для загрузки и обмена. если вы хотите перейти к производству, вам нужно настроить некоторые дополнительные функции в настройках.
Реализация в Javascript
- Прежде всего, установите 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.