To help you get started, we've collected the most common ways that tus-js-client is being used within popular public projects.

collectiveaccess / providence / js / mediauploader.js View on Github

//console.log("Stopping queue because max connections have been reached", state.connections, state.connections.length);
                return;
            }
            let file = queue.shift();
            if(!file) { continue; }

            let connectionIndex = state.connectionIndex;
            let relPath = file.webkitRelativePath ? file.webkitRelativePath : file.path;
            if(relPath) {
                let tmp = relPath.split(/\//);
                tmp.pop();
                relPath  = tmp.join('/');
            }

			// Set up tus upload process for file, with handlers for success, error and progress
            let upload = new tus.Upload(file, {
                endpoint: this.props.endpoint + '/tus',
                retryDelays: [0, 1000, 3000, 5000],
                chunkSize: 1024 * 512,      // TODO: make configurable
                metadata: {
                    filename: '.' + file.name + '.part',
                    sessionKey: state.sessionKey,
                    relativePath: relPath
                },
                onBeforeRequest: function (req) {
					var xhr = req.getUnderlyingObject()
					xhr.setRequestHeader('x-session-key', state.sessionKey);
				},
                onError: (error) => {
                    let state = {...that.state};
					// error during transfer
					let error_resp = JSON.parse(error.originalResponse.getBody());

View more ways to use tus-js-client

tus-js-client

> tus is a protocol based on HTTP for resumable file uploads. Resumable > means that an upload can be interrupted at any moment and can be resumed without > re-uploading the previous data again. An interruption may happen willingly, if > the user wants to pause, or by accident in case of an network issue or server > outage.

tus-js-client is a pure JavaScript client for the tus resumable upload protocol and can be used inside browsers, Node.js, React Native and Apache Cordova applications.

Protocol version: 1.0.0

This branch contains tus-js-client v4. If you are looking for the previous major release, after which breaking changes have been introduced, please look at the v3.1.3 tag.

Example

input.addEventListener('change', function (e) {
  // Get the selected file from the input element
  var file = e.target.files[0]

  // Create a new tus upload
  var upload = new tus.Upload(file, {
    endpoint: 'https://localhost:1080/files/',
    retryDelays: [0, 3000, 5000, 10000, 20000],
    metadata: {
      filename: file.name,
      filetype: file.type,
    },
    onError: function (error) {
      console.log('Failed because: ' + error)
    },
    onProgress: function (bytesUploaded, bytesTotal) {
      var percentage = ((bytesUploaded / bytesTotal) * 100).toFixed(2)
      console.log(bytesUploaded, bytesTotal, percentage + '%')
    },
    onSuccess: function () {
      console.log('Download %s from %s', upload.file.name, upload.url)
    },
  })

  // Check if there are any previous uploads to continue.
  upload.findPreviousUploads().then(function (previousUploads) {
    // Found previous uploads so we select the first one.
    if (previousUploads.length) {
      upload.resumeFromPreviousUpload(previousUploads[0])
    }

    // Start the upload
    upload.start()
  })
})

Documentation

• Installation & Requirements
• Usage & Examples
• API Reference
• Contribution Guidelines
• FAQ & Common issues

Build status

License

This project is licensed under the MIT license, see LICENSE.