droploadjs 如何下拉一下之后再加载函数

可以通过监听滚动条的滚动事件来实现下拉加载函数。

具体实现步骤如下：

给页面绑定滚动事件，当滚动条滚到底部时触发加载函数。

window.addEventListener('scroll', function() {
  if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
    // 触发加载函数
    loadMore();
  }
});

在加载函数中，执行异步请求获取新数据，并将数据添加到页面中。

function loadMore() {
  // 发送异步请求获取新数据
  fetch('/api/data?page=' + currentPage)
    .then(response => response.json())
    .then(data => {
      // 将新数据添加到页面中
      appendDataToPage(data);
      // 更新当前页数
      currentPage++;
    });
}

在页面初始化时，先执行一次加载函数，将初始数据添加到页面中。

// 初始化页面
loadMore();

完整的代码示例：

let currentPage = 1;

window.addEventListener('scroll', function() {
  if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
    loadMore();
  }
});

function loadMore() {
  fetch('/api/data?page=' + currentPage)
    .then(response => response.json())
    .then(data => {
      appendDataToPage(data);
      currentPage++;
    });
}

function appendDataToPage(data) {
  // 将数据添加到页面中
}
 
loadMore();
``