当前位置:主页 > JavsScript库 > 其它 >

具有Promise支持的 javascript 文件下载器 - js-file-downloader
栏目分类:其它   发布日期:2021-08-19   浏览次数:

一个 JavaScript 文件下载器库,可在 Web 上提供用户友好的文件下载体验。

下载器返回一个承诺,指示下载是否结束,然后可以用于进一步处理。

使用:

1. 安装并下载软件包。

# NPM
$ npm install js-file-downloader --save

2. 将文件下载器作为模块导入。

import Downloader from 'js-file-downloader';

3. 或者js-file-downloader.min.js从dist文件夹中加载。

<script src="./dist/js-file-downloader.min.js"></script>

4. 创建一个新的下载器实例,指定要下载的文件的路径。

new jsFileDownloader({ 
    url: '1.jpg'
})

5. 下载结束后做一些事情。

new jsFileDownloader({ 
    url: '1.jpg'
})
.then(function () {
  alert('文件下载');
});

6. 发生错误时采取措施。

new jsFileDownloader({ 
    url: '1.jpg'
})
.catch(function (error) {
  // 做某事
});

7. 确定停止下载前等待的最长时间。默认值:'40000'。

new jsFileDownloader({ 
    url: '1.jpg',
    timeout: 50000
});

8. 确定是否在移动设备上禁用下载。默认值:true。

new jsFileDownloader({ 
    url: '1.jpg',
    mobileDisabled: false
})

9.确定是否在页面加载时自动开始下载。默认值:true。

new jsFileDownloader({ 
    url: '1.jpg',
    autoStart: false
});

10.确定是否在移动设备上也强制使用桌面模式下载文件。默认值:false。

new jsFileDownloader({ 
    url: '1.jpg',
    forceDesktopMode: true
});

11.自定义请求头数据。

new jsFileDownloader({ 
    url: '1.jpg',
    headers: [
      { name: 'Authorization', value: 'Value...' }
    ]
});

12. 自定义文件名。

new jsFileDownloader({ 
    url: '1.jpg',
    filename: 'html369.jpg'
});

13. 使用该process功能检查下载状态。

new jsFileDownloader({ 
    url: '1.jpg',
    process: process
});
  
function process (event) {
  if (!event.lengthComputable) return;
  var downloadingPercentage = Math.floor(event.loaded / event.total * 100);
  // 做什么...
};

14. 确定 HTTP 请求的方法。

new Downloader({ 
    url: '...',
    method: 'POST' // "GET", "POST", "PUT"
})

15.自定义最终文件名 nameCallback.

new Downloader({ 
    nameCallback: function(name) {
      return 'i-am-prefix-' + name;
    }
})

16. 确定内容类型。

new Downloader({ 
    contentType: 'application/x-www-form-urlencoded'
})

17.自定义随请求发送的正文内容。默认值为空(不发送任何内容),可以设置 Document 或 BodyInit 值。

new Downloader({ 
    body: null
})

18、判断是否开启native发生错误时的回退。默认值:false。

new Downloader({ 
    nativeFallbackOnError: true
})


官方网站:https://github.com/AleeeKoi/js-file-downloader

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库