npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@zjxpcyc/js-export-file

v1.0.0

Published

Web 端 js 导出

Downloads

1

Readme

@zjxpcyc/js-export-file

项目中经常需要导出 excel 文件。结合现代浏览器的特点,封装一个可以直接使用的导出函数。

本函数适用文件由服务端生成,通过获取 http body 数据来生成文件。

注意: 本函数依赖 Fetch

安装

npm install -S @zjxpcyc/js-export-file

使用

1、先引入

import { exportBlob, exportUrl, fetchBlob } from '@zjxpcyc/js-export-file'
  • exportBlob 依据 blob 数据生成本地文件
  • exportUrl 依据 url 数据生成本地文件
  • fetchBlob 请求 url 对应的 blob 数据

具体函数参数, 请查阅源码

2、部分示例

// response 为请求返回
const { headers } = response;
const contextType = headers.get('Content-Type');

// 判断类型, 此处判断是否为 excel
if (contextType.indexOf('application/vnd.ms-excel') > -1) {
  // 获取 body 数据
  const data = await response.clone().blob();
  // 获取文件描述
  const content = headers.get('Content-Disposition');
  // 获取文件名称
  const fileName = content.replace('attachment;filename=', '')
  // 导出 excel
  exportBlob(decodeURIComponent(fileName), data)
}