不使用Gravityforms的Jquery文件上载

Question

我试图用重力表单wordpress插件来实现JQuery文件上传插件。我已经创建了一个带有文件上传输入的表单，重力表单为其生成字段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

我已经创建了一个插件，它将这个插件与重力表单集成在一起。

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

并在这里看到它的演示- http://demo.itsupportguides.com/ajax-upload-for-gravity-forms/