Question

I am using uploadify for uploading the files with PHP 5.3.3 and Apache 2.2.16 server.
*All the image files I am using are small < 1M

Interestingly for some of the image files uploadify works fine and uploads the image file correctly. However for others only 8bytes are uploaded which is weird. I am not sure why the uploaded file is not complete.

Uploadify somehow says the file is 100% successfully uploaded and I am using the onError function too.

Any help in how to find out the problem would be really helpful.

Uploadify code:

$('#change_thumb_file').uploadify({
'hideButton'  : true,
'wmode'       : 'transparent',
'folder'      : VG.PROJECT_ROOT + '/static/apps/vialogues', 
    'uploader'    : VG.SITE_STATIC_URL+'uploadify/scripts/uploadify.swf',
    'script'      : VG.APPS_STATIC_URL+"vialogues/php/uploadify.php",
    'buttonText'  : 'Select an image',
    'cancelImg'   : VG.SITE_STATIC_URL+'uploadify/cancel.png',
    'auto'        :  true,
    'sizeLimit'   :  5242880,
    'queueID'     : 'fileQueue',
    'scriptAccess': 'always',
    'method'      : 'POST',
    'queueSizeLimit' : 1,
    'width'       : '100',
    'height'      : '30',
    'fileDesc'    : 'images',
    'fileExt'     : '*.jpg;*.jpeg;*.png;*.bmp;*.gif',
    'wmode'       : 'transparent',
    'altContent'  : '<div id="flash_notice">Flash player version 10.0.0 or above is required to upload a video. Please click the icon below to download Flash player.\
            <br /><a href="https://www.adobe.com/go/getflashplayer">\
            &nbsp;<img src="' + VG.SITE_STATIC_URL + 'uploadify/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33">\
            </a>\
            </div>',
    'onComplete' : function (event, queueID, fileObj, response, data){
        preview_uri = response.replace(VG.PROJECT_ROOT, '');
        $.ajax({
            url:VG.SITE_URL + 'vialogues/api/crop_thumbnail',
            type:'PUT',
            data: {'img': preview_uri}, 
            success: function(data){
                $('#thumb_preview').empty().append('<img src="'+preview_uri+'" />');
            },
            failure: function() {alert("There was an unexpected error. Please try again."); window.location.reload()},
        });
        $('#step_two').fadeIn();
    },               
    'onError' : function(event, queueID, fileObj, errorObj) {
              var errMsg = "There was an error uploading ... \n";
              errMsg += "Error type: " + errorObj.type + "\n";
              errMsg += "Error Info: " + errorObj.info + "\n";
              alert(errMsg);
            }
});

The code which does the file upload (uploadify.php):

if (!empty($_FILES)) {
$tempFile = $_FILES['Filedata']['tmp_name'];
$targetPath = $_REQUEST['folder'] . '/';
$targetFile =  str_replace('//','/',$targetPath) . $_FILES['Filedata']['name'];

$fileTypes  = str_replace('*.','',$_REQUEST['fileext']);
$fileTypes  = str_replace(';','|',$fileTypes);
$typesArray = split('\|',$fileTypes);
$fileParts  = pathinfo($_FILES['Filedata']['name']);

if (in_array($fileParts['extension'],$typesArray)) {

    $result = move_uploaded_file($tempFile,$targetFile);
    if ($result) {
        echo str_replace($_SERVER['DOCUMENT_ROOT'],'',$targetFile);         
    }
    else {
        echo 'Upload Failed';
    }
} else {
    echo 'Invalid file type.';
}

}

Answer 1

So the issue was happening in because of permissions problem. The workaround I did was to create a separate folder in the root directory and giving it explicit permissions to the www-data user under which apache runs. Somehow move_uploaded_file wasn’t throwing any errors for permission.