uploadify Uncaught TypeError: Cannot read property 'toString' of undefined

Question

I am trying to figure out what is wrong with uploadify.

Chrome gives me the following error when I try to use uploadify: Uncaught TypeError: Cannot read property 'toString' of undefined

Here is my html:

 <li id="avatarUploadContainer"> <div id="avatarUploaderDiv" style="position: relative; margin-top: 10px;"> <input id="avatarUploader" name="avatarUploader" type="file" buttonText="upload"> </div> </li> 

Here is my javascript to initialize uploadify:

 $(function() { $('#country').change(function() { var countryID = $(this).val(); getStateList(countryID); }); /* * Include flash uploader for avatar uploading */ $('#avatarUploader').click(function(){ var uploaderPath = baseURL + '/actions.php?action=updateAccountInfo&mode=avatarUpload&umem_id=' + $('#umem_id').val() + '&ms_id=' + $('#membership_id').val(); var buttonText = $('#avatarUploader').attr('buttonText'); var fileExt = '.jpg;'; console.log(uploaderPath); console.log(buttonText); console.log(fileExt); $("#avatarUploader").uploadify({ 'formData': { 'securityTimestamp': $('#securityTimestamp').val(), 'securityToken': $('#securityToken').val() }, 'height': 14, 'swf': baseURL + '/assets/uploadify/uploadify.swf', 'uploader': uploaderPath, 'multi': false, 'buttonText': buttonText, 'folder': baseURL + "/assets/avatars/", 'fileTypeDesc': 'Images', 'fileTypeExts': fileExt, 'fileSizeLimit': $('#maxUploadSize').val(), 'width': 146, 'preventCaching': true, 'onQueueComplete': function(queueData) { $('#editorAvatar').attr('src', baseURL + '/avatar.php?size=150&memID=' + $('#mem_id').val()); $('#memNavAvatar').attr('src', baseURL + '/avatar.php?size=100&memID=' + $('#mem_id').val()); } }); }); }); 

My php doesn't even get executed as far as I have tested.

Any help will be greatly appreciated

Answer 1

your problem might be solved already, but anyway... this error might occur, if the Form Data contains invalid Data Fields.

To be more specific: either $('#securityTimestamp').val() or $('#securityToken').val() might be undefined.

'formData': {
        'securityTimestamp': $('#securityTimestamp').val(),
        'securityToken': $('#securityToken').val()
      },