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

Med*_*die 1 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();
        },
Run Code Online (Sandbox Code Playgroud)

var jqXHR = data.submit(); 发起发布.

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

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

小智 8

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

formData:{},

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