自定义 Ajax 文件上传器，.AjaxSubmit() 问题答案

【问题标题】：Custom Ajax File Uploader, Issue with .AjaxSubmit()自定义 Ajax 文件上传器，.AjaxSubmit() 问题
【发布时间】：2014-10-26 18:24:59
【问题描述】：

我有一个通过 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 文件没问题，因为文件“上传”已损坏。

问候。

【问题讨论】：

标签： javascript php jquery ajax file-upload

【解决方案1】：

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

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

【讨论】：

是的，正如我所说的，ajaxSubmit 不是核心功能。
好吧，我必须包含什么插件？
看我的回答，我刚刚发了网址。
我已将函数包含在文档中准备就绪，现在出现以下错误：“Uncaught ReferenceError: trigger_img is not defined”