jQuery.createUploadForm is not a function

Question

I am using ajaxupload for uploading and using jQuery 1.7.2. I got an error like this

TypeError: jQuery.createUploadForm is not a function
[Break On This Error]   

... jQuery.createUploadForm(id, s.fileElementId, (typeof(s.data)=='undefined'?false...

my code is

function ajaxFileUpload()
    {
        jQuery.ajaxFileUpload
        (
            {
                url:'<?php echo $currenturl.&fileupload=enable;?>',
                secureuri:false,
                fileElementId:'fileToUpload',
                dataType: 'json',
                success: function (data, status)
                {
                    if(typeof(data.error) != 'undefined')
                    {
                        if(data.error != '')
                        {
                            alert(data.error);
                        }else
                        {
                            alert(data.msg);
                        }
                    }
                }
            }
        )

        return false;

    }

and the html is

<div class="upload-button"><input type="button" value="upload" id="upload-btn" onclick="return ajaxFileUpload();"/></div>

Please help me to solve this. Thanks in advance.

seems you haven't included your jQuery-plugin or did it in wrong order — bukart, Oct 27 '12 at 12:39
is this a wordpress or other cms site with self loading plugins from an admin? If so... see my answer edit and check you don;t have multiple instances of jQuery.js loading — charlietfl, Oct 27 '12 at 12:54

charlietfl · Answer 1 · 2012-10-27T12:48:14.447

1

The is not a function error can be caused by several things... most common are:

Path to plugin file is incorrect or not included in page at all. Easy to check in browser console that it is being loaded as a page resource
Order of scripts loading is incorrect. Plugin must load before you try to use it
jQuery.js not loading before all plugins and dependent code

EDIT: Another really common issue, especially on wordpress sites, is loading extra versions of jQuery after some plugins have loaded. If jQuery is loaded a second time after prior plugins load, it wipes them out

edited Oct 27 '12 at 12:48

answered Oct 27 '12 at 12:42

charlietfl

170,828
13
121
150

thanks for your there is 2 jquery.js files are included after removing one i got like this TypeError: jQuery.handleError is not a function [Break On This Error] jQuery.handleError(s, xml, status, e); – jackyesind Oct 27 '12 at 13:02
jQuery must load prior to any plugins, problem is likely just ordering the script tags – charlietfl Oct 27 '12 at 13:20

score 0 · Answer 2 · answered Oct 27 '12 at 12:39

0

Make sure you have included jquery.js before the plugin js file.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="/js/myplugin.js"></script>

Also, avoid using the antiquated on* attributes in HTML. As you're already using jQuery in your function, you can simply attach a click handler to the element to run the function like this:

$(function() {
    $("#upload-btn").click(ajaxFileUpload);
});

answered Oct 27 '12 at 12:39

Rory McCrossan

331,213
40
305
339

That is a good suggestion, but looking at the error it seems that is not the source of the problem. – Asad Saeeduddin Oct 27 '12 at 12:40
@Asad loading `jquery.js` after the `plugin.js` would cause this issue. – Rory McCrossan Oct 27 '12 at 12:41
He would most likely get a different error from the plugin itself if he tried doing that. – Asad Saeeduddin Oct 27 '12 at 12:43
i include first jquery.js and then include the plugin now i got error like this TypeError: jQuery.ajaxFileUpload is not a function [Break On This Error] success: function (data, status) – jackyesind Oct 27 '12 at 12:45

score 0 · Answer 3 · answered Oct 27 '12 at 12:44

0

You need to put your code into $(document).ready(function(){...}); event

answered Oct 27 '12 at 12:44

Lukas1

582
1
5
28

`$(document).ready` has no bearing on a function not available – charlietfl Oct 27 '12 at 12:45
The idea is, maybe he needs to do some initialization code before using the click event and that code doesn't work because is not initialized in document ready event. But I admit, I don't know how the plugin works – Lukas1 Oct 27 '12 at 12:47

jQuery.createUploadForm is not a function

3 Answers3