Big-fetch NPM | npm.io

Big Fetch

The big-fetch is a wrapper based on fetch and promise, adding abort and timeout functions. If you like it, please give me your star👼. thx~~~🚀

Features

abort(): Set the current promise to rejected
timeout: Increase timeout for current request
onprogress: progress function

Browser Support

The big-fetch is a wrapper based on fetch and promise, If your browser does not support fetch and promise you need to install whatwg-fetch and promise-polyfill

NPM Install

npm install big-fetch --save-exact

Example

A basic fetch request is really simple to set up. Have a look at the following code:

import bigFetch from 'big-fetch'

bigFetch('http://example.com/movies.json')
  .then(function(response) {
    return response.json()
  })
  .then(function(myJson) {
    console.log(myJson)
  })

Instead of passing a path to the resource you want to request into the fetch() call, you can create a request object using the Request() constructor, and pass that in as a fetch() method argument:

import bigFetch from 'big-fetch'

var myHeaders = new Headers()

var myInit = {
  method: 'GET',
  headers: myHeaders,
  mode: 'cors',
  cache: 'default',
  timeout: 10000 // set 10000ms timeout
}

var request = bigFecth('flowers.jpg', options)

request
  .then(data => {
    console.log(data)
  })
  .catch(error => {
    console.error(error)
  })

// cancel
request.abort()