Skip to main content

File Upload–using igUpload with PHP


Here is a simple method to use igniteUI igUpload with PHP.
Sample Code
upload.htm
html fragments taken from igniteUI Samples by Infragistics
<!DOCTYPE html>
<html>
<head>


    <!-- Ignite UI Required Combined CSS Files -->
    <link href="http://cdn-na.infragistics.com/jquery/20141/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
    <link href="http://cdn-na.infragistics.com/jquery/20141/latest/css/structure/infragistics.css" rel="stylesheet" />

    <script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

    <!-- Ignite UI Required Combined JavaScript Files -->
    <script src="http://cdn-na.infragistics.com/jquery/20141/latest/js/infragistics.core.js"></script>
    <script src="http://cdn-na.infragistics.com/jquery/20141/latest/js/infragistics.lob.js"></script>


</head>
<body>
<h2>File Upload using igUpload with PHP</h2>
<form id="upload_form" enctype="multipart/form-data" method="post">
  
   <div id="igUpload1"></div>
    <div id="error-message" style="color: #FF0000; font-weight: bold;"></div>

    <script>

        $(function () {
            $("#igUpload1").igUpload({
                mode: 'multiple',
                multipleFiles: true,
                maxUploadedFiles: 5,
                maxSimultaneousFilesUploads: 2,
 autostartupload: false,
 uploadUrl: "file_upload.php",
                controlId: "serverID1",
                onError: function (e, args) {
                    showAlert(args);
                }
            });
        });

       function showAlert(args) {
           $("#error-message").html(args.errorMessage).stop(true, true).fadeIn(500).delay(3000).fadeOut(500);
        }
    </script>
 
</form>
</body>
</html>

file_upload.php

<?php

$id_val = array_keys($_FILES)[0]; // get key
$fileName = $_FILES[$id_val]["name"]; // The file name
$fileTmpLoc = $_FILES[$id_val]["tmp_name"]; // File in the PHP tmp folder
$fileType = $_FILES[$id_val]["type"]; // The type of file it is
$fileSize = $_FILES[$id_val]["size"]; // File size in bytes
$fileErrorMsg = $_FILES[$id_val]["error"]; // 0 for false... and 1 for true


if (!$fileTmpLoc) { // if file not chosen
    echo "ERROR: Please browse for a file before clicking the upload button.";
    exit();
}
if(move_uploaded_file($fileTmpLoc, "test_uploads/$fileName")){
 // Add your further cusom file processing logic
    echo "$fileName upload is complete";
} else {
    echo "move_uploaded_file function failed";
}

?>
Labels:

Comments

Post a Comment

Popular posts from this blog

Capturing Console Output using c#.net in Windows Form Application

There is a case when we need to use same library code in both console application and windows form application. This is fine if there are no messages displayed in the output window (usually the progress / log messages). one way is to create a log file in a predefined folder (TEMP) and open it after process is complete. Here is one method that can be used to capture the console output and redirected to a text box in the windows form application. Steps Create a new class as given in the snippet Take the temp reference of default output stream of 'Console' class and set new stream output that captures and shows the output in the text box Once new stream is set, all the console output is displayed in the referenced text box After work is done, restore the output stream to default // Create a class for capture using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Form...
Post a Comment
Read more

User Behaviour Analysis

Overview Every product where user come and interact, there is need to do User Behaviour Analysis to identify: What user wants What excites user (or engages user) How he interacts with our App (Web or Mobile) This is done to improve both User Experience and to make the product useful to user (and make it part of their daily routine as few social media and entertainment services). The whole tracking of User Behaviour depends upon  4 W s - Who , When , Where and What . Solution Design The Solution consists of 3 Key Components Event Tracker / Recoding APIs or Engine – This component would take input from different client Apps (Web or Mobile) and store them. The data transformation or normalization of input keys can be done in this component. Data Warehousing - The data required for different modules for analytics would be stored in the scalable storage (like HDFS, S3, ) Analytics / Reporting - provide an interface / reporting dashboard that can be used by Busin...
Post a Comment
Read more

Change Default Content Overlay on Folder Icon in Windows Explorer

Want to Change (Default Folder Preview) to (Custom Preview image). Here’s how it can be done. Folder Properties Use the Folder Properties –> Customize –> Choose File. this will allow selection of an image that would be shown as preview of the folder. Modify desktop.ini [ViewState] Mode= Vid= FolderType=Documents Logo=C:\Temp\myFolderIcon.jpg Create folder.jpg simply create a file with name ‘folder.jpg’. It would then change the preview to this image.
Post a Comment
Read more