1

我正在使用 ajaxfileupload 上传文件，每当我上传文件时，它都会给我这个错误。我尝试了很多来修复它，但没有运气。

 TypeError: $.ajaxFileUpload is not a function  
 success: function (data, status)

这是我的代码。 

            $id =$("#id").val();
    $.ajaxFileUpload
    (
        {
            type: "POST",
            url: "main_page/save_image_data",
            secureuri:false,
            fileElementId:'userfile'+id,
            dataType: 'json',
            data: { "image_id":id},
            success: function (data, status)
            {
                if(typeof(data.error) != 'undefined')
                {
                    if(data.error != '')
                    {
                        alert(data.error);
                    }else
                    {
                        alert(data.msg);
                    }
                }
            },
            /*error: function (data, status, e)
            {
                alert(e);
            }*/
        }
    )

    return false;
4

4 回答 4

2

jQuery 的核心中没有命令$.ajaxFileUpload。

因此，您可能正在尝试使用外部库，但尚未将其包含在您的<head>.

于 2013-04-04T13:24:27.527 回答
0

如果您在页面中包含 jquery.min.js，则可能会发生这种情况。删除该文件后问题将得到解决。

于 2014-08-07T11:02:25.163 回答
0

将此添加到您的文件中。此方法已从 jquery 的较高版本中删除。

jQuery.extend({
    handleError: function( s, xhr, status, e ) {
        // If a local callback was specified, fire it
        if ( s.error )
            s.error( xhr, status, e );
        // If we have some XML response text (e.g. from an AJAX call) then log it in the console
        else if(xhr.responseText)
            console.log(xhr.responseText);
    }
   });
于 2013-08-03T11:05:57.167 回答
0

这是我的解决方案-----按照官方的格式：

<script type="text/javascript">

    $(document).ready(function() {
        var interval;

        function applyAjaxFileUpload(element) {
            $(element).AjaxFileUpload({
                action: "MyJsp.jsp",
                onChange: function(filename) {
                    // Create a span element to notify the user of an upload in progress
                    var $span = $("<span />")
                        .attr("class", $(this).attr("id"))
                        .text("Uploading")
                        .insertAfter($(this));

                    $(this).remove();

                    interval = window.setInterval(function() {
                        var text = $span.text();
                        if (text.length < 13) {
                            $span.text(text + ".");
                        } else {
                            $span.text("Uploading");
                        }
                    }, 200);
                },
                onSubmit: function(filename) {
                    // Return false here to cancel the upload
                    /*var $fileInput = $("<input />")
                        .attr({
                            type: "file",
                            name: $(this).attr("name"),
                            id: $(this).attr("id")
                        });

                    $("span." + $(this).attr("id")).replaceWith($fileInput);

                    applyAjaxFileUpload($fileInput);

                    return false;*/

                    // Return key-value pair to be sent along with the file
                    return true;
                },
                onComplete: function(filename, response) {
                    window.clearInterval(interval);
                    var $span = $("span." + $(this).attr("id")).text(filename + " "),
                        $fileInput = $("<input />")
                            .attr({
                                type: "file",
                                name: $(this).attr("name"),
                                id: $(this).attr("id")
                            });

                    if (typeof(response.error) === "string") {
                        $span.replaceWith($fileInput);

                        applyAjaxFileUpload($fileInput);

                        alert(response.error);

                        return;
                    }

                    $("<a />")
                        .attr("href", "#")
                        .text("x")
                        .bind("click", function(e) {
                            $span.replaceWith($fileInput);

                            applyAjaxFileUpload($fileInput);
                        })
                        .appendTo($span);
                }
            });
        }

        applyAjaxFileUpload("#demo1");
    });

</script>

至少，不再有这个错误。并且action会收到请求

于 2016-04-06T03:47:32.177 回答