Jquery 文件上传不适用于 Gravityforms

Question

我正在尝试使用 Gravity Forms wordpress 插件实现 JQuery File Upload plugin。我创建了一个带有文件上传输入的表单，Gravity 表单为其生成字段 ID，如 input_1_33。我正在使用此 ID 进行文件上传 jquery 插件。

jQuery(function () {
 var url = 'http://localhost/wp-content/themes/testtheme/fileupload/';
 jQuery('#input_1_33').fileupload({
                    replaceFileInput:false,
                    url: url,
                    dataType: 'json',
                    done: function (e, data) {
                        jQuery.each(data.result.files, function (index, file) {

                            jQuery('<p/>').text(file.name).appendTo('#files');
                        });
                    },
                    fail:function(e, data){

                    },
                    progressall: function (e, data) {
                        var progress = parseInt(data.loaded / data.total * 100, 10);
                        jQuery('#progress .progress-bar').css(
                            'width',
                            progress + '%'
                        );
                    }
                }).prop('disabled', !jQuery.support.fileInput)
                    .parent().addClass(jQuery.support.fileInput ? undefined : 'disabled');
  });

浏览器控制台中没有生成错误，文件未上传

Answer 1

我创建了一个将其与 Gravity Forms 集成的插件。

您可以在 WordPress 插件目录中找到它 - https://wordpress.org/plugins/ajax-upload-for-gravity-forms/

并在此处查看它的演示 - http://demo.itsupportguides.com/ajax-upload-for-gravity-forms/

Jquery 文件上传不适用于 Gravityforms

Jquery File Upload not working with Gravityforms

wordpress

jquery

gravity-forms-plugin