自定义Ajax文件上传程序，.AjaxSubmit(）问题

Custom Ajax File Uploader, Issue with .AjaxSubmit()

本文关键字：AjaxSubmit 问题 程序 Ajax 文件 自定义      更新时间：2023-09-26

我有一个通过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文件是可以的，因为该文件是"上传"损坏的。

谨致问候。

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

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

相关文章：