Related Links

    Integrate FineUploader with IDrive® e2

    FineUploader is a JavaScript library that simplifies file uploading in web applications, offering support for multiple files, drag-and-drop functionality, progress indicators, and advanced options such as chunked and resumable uploads. It also enables direct-to-cloud transfers to platforms such as Amazon S3 and Azure, while offering customizable validation and interface options to improve usability and control. Integrating FineUploader with IDrive® e2 extends these capabilities with a capable and scalable cloud object storage solution that facilitates systematic integration for secure, efficient, and flexible file handling.

    Prerequisites

    Before you begin, ensure the following:

    1. An active IDrive® e2 account. Sign up here if you do not have one.
    2. A bucket in IDrive® e2. See how to create a bucket.
    3. Valid Access Key ID and Secret Access Key. Learn how to create an access key.
    4. A valid FineUploader account.

    Configure FineUploader with IDrive® e2

    To use FineUploader with IDrive® e2 Cloud, follow the steps below to configure it.

    1. To run this you will need PHP which is already installed on OSX by default.
    2. To install Node.js, you will require npm - Run brew install npm.
    3. Install Composer by following this link: https://getcomposer.org/download/.
    4. Start building the application to set up IDrive® e2 storage.
      1. To install the JavaScript version of FineUploader, perform the following steps:
        1. mkdir fineuploader-example
        2. cd fineuploader-example
        3. echo "{}" > package.json
        4. npm install fine-uploader
      2. To install the PHP backend of FineUploader, perform the following steps.
        1. Edit the composer.json file - vim composer.json
        2. Add the following JSON - { "require": {"fineuploader/php-s3-server": "1.1.0"}}
        3. Now to install the FineUploader php backend, run - ./composer.phar install
      3. The next Step is to get the UI running on your Browser. Edit the section in index.php to look like this:
        IDrive e2
      4. Now create a Start script to start a PHP server run.
        1. Edit the file - vim startServer.sh
        2. Add the following lines:
          1. #!/bin/bash
          2. export AWS_SERVER_PUBLIC_KEY=YOUR_PUBLIC_ACCESS_KEY
          3. export AWS_SERVER_PRIVATE_KEY=YOUR_SECRET_KEY
          4. export AWS_CLIENT_SECRET_KEY=$AWS_SERVER_PRIVATE_KEY
          5. export S3_BUCKET_NAME=YOUR_BUCKET_NAME
          6. #php -S 0.0.0.0:8080
        3. Now, to make sure the file is executable, run - chmod +x startupServer.sh
        4. Now to run the PHP server, run - ./startupServer.sh
      5. Now use your favorite browser to go to http://127.0.0.1:8080 or http://0.0.0.0:8080
      6. You should see the following image shown below:
        IDrive e2