jsToolboxMJK.funcs.registerForFileUpload() - mkloubert/jsToolbox GitHub Wiki

$jsTB.funcs.registerForFileUpload() function

Registers a HTML form for custom file upload handling.

Syntax

$jsTB.funcs.registerForFileUpload(frm, opts);

Parameters

Name Type Description
frm Object The jQuery selector for the form(s) to register.
opts Object [OPTIONAL] Additional options.

Result

The form(s) selector.

Examples

Example 1

HTML

<form id="myUploadForm" action="uploadFile.php">
    <input name="fileToUpload" type="file" /><br />
    <br />

    <input type="submit" />
</form>

<div id="myUploadFormProgress"></div>

JavaScript

$jsTB.funcs.registerForFileUpload('#myUploadForm', {
    success: function(ctx) {
        // result of 'uploadFile.php'
        switch (ctx.data) {
            case 'failed':
                alert('Upload failed!');
                break;

            case 'ok':
                alert('File uploaded.');
                break;
        }
    },

    error: function(ctx) {
        alert('ERROR: ' + ctx.error);
    },

    progress: function(ctx) {
        // ctx.progress
        // ctx.remaining
        // ctx.total
        // ctx.uploaded

        $('#myUploadFormProgress').text('{0} %'.format(parseInt(ctx.percentage)));
    },
});

uploadFile.php

header('Content-Type: text/plain');

if (isset($_FILES['fileToUpload'])) {
    $file = $_FILES['fileToUpload'];

    $uploaddir = realpath('./uploadTest') . '/';
    if (@move_uploaded_file($file['tmp_name'], $uploaddir . $file['name'])) {
        echo 'ok';
    }
    else {
        @unlink($file['tmp_name']);

        echo 'failed';
    }
}
⚠️ **GitHub.com Fallback** ⚠️