Question

我有一个通过AJAX上传图片的多部分表单。

HTML如下：

    <form name="mainform" id="mainform" class="form_step" action="" method="POST" enctype="multipart/form-data">

    <!-- This is a imagen like a button in the HTML -->
    <img class="anchor_tag" onclick="trigger_img('#');" height="92" width="122" id="addimage_#" src="/some/image/path" alt="#">

    <!-- File input hidden -->
    <input style="display:none;" type="file" name="photoimg_#" id="photoimg_#" class="upload">

</form>

当用户点击带有.anchor_tag类的“上传按钮”时，我执行此js：

    function trigger_img(divID) {
     $("#photoimg_" + divID).trigger('click');
     $('#photoimg_' + divID).change(function() {
         var options = {
             url: 'http://www.someURL.com/Here/iHave/SomePHP',
             type: "GET",
             complete: function(data) {
                 // Do Something
             }
         };
         $('#mainform').ajaxSubmit(options);
     });
 }

如果我尝试上传文件，控制台会丢弃此错误：

Uncaught TypeError: undefined is not a function

错误在这一行：

$('#mainform').ajaxSubmit(options);

PHP文件没问题，因为文件“已上传”已损坏。

问候。

Answer 1

我认为你没有包含jquery插件。 ajaxSubmit不是jQuery中的核心函数。

也许你可以试试这个：http://jquery.malsup.com/form/

自定义Ajax文件上传器，问题与.AjaxSubmit（）

1 个答案: