Question

我正在使用ExtJS版本4.1.1。

我尝试使用filefield创建上传文件表单，如下所示：

{
    xtype: 'filefield',
    itemId : 'my-file',
    name: 'my file',
    emptyText : 'No file chosen',
    fieldLabel: 'Upload File',
    submitValue: true,
    allowBlank : false,
    buttonText: 'Browse',
    listeners: {
        change: function(fld, value) {
            var newValue = value.replace(/C:\\fakepath\\/g, '');
            fld.setRawValue(newValue);
        }
    }
}

提交表单后，filefield会重置。

正如我所见 http://www.sencha.com/forum/showthread.php?135109-File-upload-field-is-empty-by-re-submitting-of-the-form

我尝试将filefield覆盖为：

Ext.override(Ext.form.field.File, {
    extractFileInput: function() {
        var me = this,
            fileInput = me.fileInputEl.dom,
            clone = fileInput.cloneNode(true);

        fileInput.parentNode.replaceChild(clone, fileInput);
        me.fileInputEl = Ext.get(clone);

        me.fileInputEl.on({
            scope: me,
            change: me.onFileChange
        });

        return fileInput;
}

我提交表格时看起来不错。

我在文本字段中看到的值不会重置为空。

但是，当我再次提交表单而不重新选择文件时，发送到服务器的数据为空。

应保留发送到服务器的数据。

其他信息：

当我使用Chrome和IE时出现此问题，它似乎在Firefox上正常工作。

选择文件时，我在文本字段中看到的是C:\\fakepath吗？

如何解决此问题？

Answer 1

在clearOnSubmit

上将false设为filefield

提交表单时会重置文件上载字段

1 个答案: