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

1 个答案: