Uploadify is not passing through the scriptData parameters

Question

I'm using the Uploadify script on my site and I'm trying to set the scriptData parameter based on some form fields. This is the HTML/JS:

<script type="text/javascript">

    function UploadFile() {
        $('#file_upload').uploadifySettings({
            scriptData: $('#uploadForm').serializeObject()
        });

        $('#file_upload').uploadifyUpload();
    }

    $(document).ready(function () {
        $('#file_upload').uploadify({
            'uploader': '/Scripts/uploadify/uploadify.swf',
            'script': '/File/Upload',
            'cancelImg': '/Scripts/uploadify/cancel.png',
            'folder': '/uploads',
            'fileExt': '*.doc, *.pdf',
            'buttonText': 'Select File',
            'auto': false,
            'onSelect': function (event, ID, fileObj) {
                $('#uploadForm #FileName').val(fileObj.name);           
            }
        });
    });
</script>
<form id="uploadForm">
<div><label for="Description">Description</label> <input id="Description" name="Description" type="text" value="" /></div>
<div><label for="FileName">File Name</label> <input id="FileName" name="FileName" type="text" value="" /></div>    <input id="file_upload" name="file_upload" type="file" />
<button onclick="UploadFile();" type="button">Upload</button>
</form>

serializeObject is just using the serializeobject jQuery plugin to turn the form values into a json object

It uploads the file fine, but nothing in scriptData gets sent. I've checked in fiddler & the only form values are the ones from the uploadify script: folder, fileext, Filedata & Upload.

mu is too short · Accepted Answer · 2011-09-06 02:44:15Z

2

I've had the same problem. My solution was to add an onSelectOnce handler that build the appropriate scriptData object and then called uploadifySettings to attach it. Something like this should work in your case:

onSelectOnce: function() {
    var data = $('#uploadForm').serializeObject();
    $('#file_upload').uploadifySettings('scriptData', data);
    return true;
}

A bit of a kludge but it got it working for me.

answered Sep 6, 2011 at 2:44

mu is too short

436k71 gold badges863 silver badges822 bronze badges

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

1 Comment

Glenn Slaven Over a year ago

Sadly that didn't help, also I can't guarantee when the users will select the file in the form so they may edit form fields after selecting the file

Glenn Slaven · Accepted Answer · 2011-09-06 02:54:02Z

0

Aaargh, so I just didn't read the doco properly, I was doing this to set the scriptData:

$('#file_upload').uploadifySettings({
    scriptData: $('#uploadForm').serializeObject()
});

When what I needed to be doing was

$('#file_upload').uploadifySettings('scriptData', $('#uploadForm').serializeObject());

It now works

answered Sep 6, 2011 at 2:54

Glenn Slaven

34.3k27 gold badges118 silver badges166 bronze badges

1 Comment

mu is too short Over a year ago

The thing I ran into was trying to set scriptData in the $(x).uploadify() call. I couldn't make it work even though TFM says it should.

Reza Jenabi · Accepted Answer · 2020-05-30 19:27:00Z

0

I wear this:

 'formData' : {
 'data'      : 'Hello Word',
 'timestamp' : '2020-05-30 16:06:30',
 'token'     : '59284aa85709ddaf3bd246030060f6a2'
},

edited May 30, 2020 at 19:27

Reza Jenabi

4,3491 gold badge34 silver badges36 bronze badges

answered May 30, 2020 at 19:05

leandro ramos

11 bronze badge

Collectives™ on Stack Overflow

Uploadify is not passing through the scriptData parameters

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related