显示上传文件到dropbox的进度

// 引入Dropbox API的JavaScript库
<script src="https://www.dropbox.com/static/api/2/dropbox.js" id="dropboxjs" data-app-key="YOUR_APP_KEY"></script>

// 创建Dropbox实例
var dbx = new Dropbox.Dropbox({ accessToken: 'YOUR_ACCESS_TOKEN' });

// 获取文件上传进度
function uploadFile(file) {
  var progress = document.getElementById('progress');

  // 上传文件
  dbx.filesUpload({ path: '/path/to/upload/' + file.name, contents: file })
    .then(function(response) {
      // 上传成功
      console.log(response);
    })
    .catch(function(error) {
      // 上传失败
      console.error(error);
    });

  // 监听上传进度
  dbx.on('progress', function(progressEvent) {
    var percent = Math.round((progressEvent.bytesLoaded / progressEvent.bytesTotal) * 100);
    progress.innerHTML = percent + '%';
  });
}

// 选择文件并上传
var fileInput = document.getElementById('file-input');
fileInput.addEventListener('change', function(event) {
  var file = event.target.files[0];
  uploadFile(file);
});