This forum is a community forum meant for users of the plugin to collaborate and help solve issues with implementation, etc. Unfortunately, as the creator of the plugin, I do not have much time to attend to every request here as this is only a side project and I must work a full-time job to provide for my family. This is how I keep the Flash version free and the HTML5 version low cost.
UploadiFive 1.1.1 has been released which includes a small fix for added support on touch devices including iOS 6 devices.
Upload not working at all
  • mario_nakicmario_nakic
    Hi, i have downloaded the uploadifive but i can't get it to work.
    This is how my test.php (same path as the scripts) looks like.
    <!DOCTYPE html>
    <html>
    <head>
    <title>My Uploadify Implementation</title>
    <link rel="stylesheet" type="text/css" href="uploadifive.css">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script&gt;
    <script type="text/javascript" src="jquery.uploadifive.min.js"></script>
    <script type="text/javascript">
    $(function() {
    $('#file_upload').uploadifive({
    'uploadScript' : 'uploadifive.php'
    // Put your options here
    });
    });
    </script>
    </head>
    <body>
    <input type="file" name="file_upload" id="file_upload" />
    </body>
    </html>

    And in my uploadifive.php it looks like this.

    <?php
    /*
    UploadiFive
    Copyright (c) 2012 Reactive Apps, Ronnie Garcia
    */

    // Set the uplaod directory
    $uploadDir = 'uploads/';

    // Set the allowed file extensions
    $fileTypes = array('jpg', 'jpeg', 'gif', 'png'); // Allowed file extensions

    if (!empty($_FILES)) {
    $tempFile = $_FILES['Filedata']['tmp_name'];
    $uploadDir = $_SERVER['DOCUMENT_ROOT'] . $uploadDir;
    $targetFile = $uploadDir . $_FILES['Filedata']['name'];

    // Validate the filetype
    $fileParts = pathinfo($_FILES['Filedata']['name']);
    if (in_array(strtolower($fileParts['extension']), $fileTypes)) {

    // Save the file
    move_uploaded_file($tempFile,$targetFile);
    echo 1;

    } else {

    // The file type wasn't allowed
    echo 'Invalid file type.';

    }
    }
    ?>

    I have created a folder in the same directory as the scripts and php and gives it full access (777). When i try the test.php the page is loading normally. And when i select a file it uploads it and says that it's completed with no errors. But when i look in the upload folder, it's empty. Please, someone who can help me with this?
    Best regards, Mario
  • jpower40jpower40
    add the uploads folder in the same directory as your index.html
  • kweekwee
    Hi there,
    I'm having the same issue as the above user. My 'uploads' folder is in the same directory as my index.html and my uploadifive.php.

    I've tried setting the permissions of my folders to both the 755 and 777.

    The uploads bar immediately jumps to 100% and then tells me that it has completed the upload, but nothing shows up in the folder.

    I'm using Chrome Version 20.0.1132.57
    In Fire Fox 14.0.1 - I see the upload bar go from 0-100% but still no file to be found.

    thanks for your help!


    Here is my index.html:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml&quot; xml:lang="en">

    <head>
    <title>title</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script&gt;
    <script type="text/javascript" src="jquery.uploadifive.min.js"></script>



    <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="style-ie.css" />
    <![endif]-->

    <style type="text/css">
    @import "style.css";
    </style>

    <link rel="stylesheet" type="text/css" href="uploadifive.css" />
    </head>

    <body>
    <div id="header"></div><!--end header-->

    <div id="wrap">
    <div id="uploader">
    <input id="file_upload" type="file" name="file_upload" />
    </div><!--end uploader-->
    </div><!--end wrap-->

    <div id="bannerResult"></div><!--end bannerResult-->


    <script type="text/javascript">
    $(function() {
    $('#file_upload').uploadifive({
    'uploadScript' : 'uploadifive.php'
    // Put your options here

    });
    console.log('YO');

    });
    </script>
    </body>

    </html>


    Here is my uploadifive.php:


    <?php
    /*
    UploadiFive
    Copyright (c) 2012 Reactive Apps, Ronnie Garcia
    */

    // Set the uplaod directory
    $uploadDir = 'uploads/';

    // Set the allowed file extensions
    $fileTypes = array('jpg', 'jpeg', 'gif', 'png', 'swf', 'flv'); // Allowed file extensions

    if (!empty($_FILES)) {

    $tempFile = $_FILES['Filedata']['tmp_name'];
    $uploadDir = $_SERVER['DOCUMENT_ROOT'] . $uploadDir;
    $targetFile = $uploadDir . $_FILES['Filedata']['name'];


    // Validate the filetype
    $fileParts = pathinfo($_FILES['Filedata']['name']);
    if (in_array(strtolower($fileParts['extension']), $fileTypes)) {

    // Save the file
    move_uploaded_file($tempFile,$targetFile);
    echo 1;

    } else {

    // The file type wasn't allowed
    echo 'Invalid file type.';

    }
    }
    ?>

  • cgheoneacgheonea
    Hi Mario, i took my freedom to help you!
    the problem is in this line:
    $uploadDir = 'uploads/';
    it`s missing the "/"(slash) before uploads/...
    However, make sure that there is a folder named uploads in the root folder and the system have read write and execute access(755 or 777).
Add a Comment