jQuery fileupload:仅发布文件输入字段

时间:2013-09-16 19:36:50

标签: jquery jquery-file-upload

我正在使用jQuery fileupload插件。

我已经将上传器放在一个表单中(这可能不太理想)。添加到队列后,文件会自动上传。

这是处理该问题的部分:

        // This function is called when a file is added to the queue;
        // either via the browse button, or via drag/drop:
        add: function (e, data) {

            var tpl = $('<li class="working"><input type="text" value="0" data-readOnly="1" /><p></p><i class="icon-remove"></i></li>');

            // Append the file name and file size
            tpl.find('p').text(data.files[0].name)
                .append('<span>' + formatFileSize(data.files[0].size) + '</span>');

            // Add the HTML to the UL element
            $t.find('.auc-upload-list').append(tpl);
            data.context = tpl;

            // Initialize the knob plugin
            tpl.find('input').knob({
                width: 20,
                height: 20
            });

            // Listen for clicks on the cancel icon
            tpl.find('i').click(function(){

                if(tpl.hasClass('working')){
                    jqXHR.abort();
                }

                tpl.fadeOut(function(){
                    tpl.remove();
                });

            });

            // Automatically upload the file once it is added to the queue
            var jqXHR = data.submit();
        },

var jqXHR = data.submit();发起发帖。

不幸的是,所有其他表单字段也会发布。我能以某种方式阻止吗?那么fileupload插件只发布给定的文件输入字段?

或者也许我告诉插件它可以发布哪个字段?

1 个答案:

答案 0 :(得分:7)

尝试将formData属性设置为空对象。 formData包含要与文件上载一起发送的其他表单数据。默认实现返回所有表单字段。

formData:{},

来源:https://github.com/blueimp/jQuery-File-Upload/wiki/Options#formdata