Sending additional fields data with Uploadify

Question

I want to send some additional (form) fields data with uploadify. For this purpose, I am using scriptData. For example, following code sends the static values of name and location field correctly.

<script type="text/javascript">
$(document).ready(function() {
    $("#fileUpload").fileUpload({
        'uploader': 'uploadify/uploader.swf',
        'cancelImg': 'uploadify/cancel.png',
        'script': 'uploadify/upload.php',
        'folder': 'files',
        'multi': false,
        'displayData': 'speed',
        'scriptData': {'name':'JohnDoe', 'location':'Australia'}

    });
});
</script>

However, as I have the input fields name and location, therefore I want to send the dynamic values. To do so, Im sending the values in ScriptData as following

'scriptData' : {'name' : $('#name').val(), 'location' : $('#location').val()}

And on upload.php, I'm trying

$name = $_GET['name'];
$location = $_GET['location'];

But it does not get any of the values. Please help me regarding this, how I can send additional fields data. Thanks.

meze · Accepted Answer · 2011-02-17 18:45:54Z

2

Because val()'s are called when DOM is loaded, not when a user types the location and name in. You should use one of the events to set new values. The manual isn't clear about it, I think it must be onSelectOnce event:

<script type="text/javascript">
$(document).ready(function() {
    $("#fileUpload").fileUpload({
        'uploader': 'uploadify/uploader.swf',
        'cancelImg': 'uploadify/cancel.png',
        'script': 'uploadify/upload.php',
        'folder': 'files',
        'multi': false,
        'displayData': 'speed',
        'scriptData': {'name':'', 'location':''},
        'onSelectOnce' : function(event,data) {
            $("#fileUpload").uploadifySettings('scriptData', {'name' : $('#name').val(), 'location' : $('#location').val()});
        }
    });
});
</script>

answered Feb 17, 2011 at 18:45

meze

15.1k4 gold badges49 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

smartcaveman · Accepted Answer · 2011-02-17 18:50:46Z

0

Have you tried putting quotes around the value you wish to JSON encode? i.e. replacing $('#location').val() with "\'"+$('#location').val()+"\'".

answered Feb 17, 2011 at 18:50

smartcaveman

42.6k31 gold badges135 silver badges218 bronze badges

Comments

Riccardo · Accepted Answer · 2012-07-28 11:04:50Z

0

Here the code for uploadify 3.1

$(function() {
    $('#file_upload').uploadify({
        'formData'      : {'id' : ''},
        'debug': false,         
        'buttonClass' : 'g-button g-button-blue',
        'swf'           : '../uploadify/uploadify.swf',
        'uploader'      : 'ajax/my_upload_file.php',
        'onUploadStart' : function(file) {
            $('#file_upload').uploadify('settings', 'formData', {'id' : $('#id').val() });
        }
    });
});

I need to use it because I call my form data with json and then I must update uploadify id post parameter

answered Jul 28, 2012 at 11:04

Riccardo

711 silver badge1 bronze badge

Comments

JamesHalsall · Accepted Answer · 2011-02-17 18:32:37Z

-1

You need to specify the method by which you're posting your variables:

In your uploadify config:

//...
'method': 'POST',
//...

answered Feb 17, 2011 at 18:32

JamesHalsall

13.5k4 gold badges43 silver badges68 bronze badges

2 Comments

adam Over a year ago

I thought POST is default method, however it does not matter even after adding this.

JamesHalsall Over a year ago

that's rather strange, what version of uploadify are you using?

Collectives™ on Stack Overflow

Sending additional fields data with Uploadify

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related