Integrate Powerful File Handling in Minutes

import React from 'react';
import { PickerOverlay } from 'filestack-react';

const FileUploader = () => {
  return (
    <PickerOverlay
      apikey={'YOUR_API_KEY'}
      onSuccess={(result) => console.log(result)}
      pickerOptions={{
        maxFiles: 5,
      }}
    />
  );
};

// In your component's template
<button
  filestack
  [options]="pickerOptions"
  (uploadSuccess)="onUploadSuccess($event)"
  apikey="YOUR_API_KEY">
  Upload File
</button>

// In your component's class
pickerOptions = {
  fromSources: ['local_file_system'],
  accept: 'image/*',
};

# pip install filestack-python

from filestack import Client

client = Client("YOUR_API_KEY")

# Upload a file
new_filelink = client.upload(filepath='/path/to/file.jpg')
print(new_filelink.url)

# Transform an image
transformed_url = client.transform(
    'RESIZE_HANDLE',
    {'resize': {'width': 100, 'height': 100}}
)

// Add dependency via Maven or Gradle

import io.filestack.FilestackClient;
import io.filestack.FileLink;
import io.filestack.responses.UploadResponse;

Config config = new Config("YOUR_API_KEY");
FilestackClient client = new FilestackClient(config);

String path = "/path/to/file.txt";
UploadResponse response = client.upload(path, false);
FileLink fileLink = response.getFileLink();

// composer require filestack/filestack-php

use Filestack\FilestackClient;

$client = new FilestackClient('YOUR_API_KEY');

// Upload a file
$filelink = $client->upload('/path/to/some/file.jpg');

// Transform a file
$transformation = $client->transform(
    $filelink->handle,
    ['resize' => ['width' => 200, 'height' => 200]]
);
echo $transformation->url();