Question

我们面临一个奇怪的问题，即我们无法使用文件上传字段从“浏览”更改按钮名称。

我们非常需要此功能来支持多种语言。我们使用xtype：textfield和输入类型作为'file'

请帮助我们解决此问题。我们正在使用EXTJS 3.4

xtype:'textfield'
input type : 'file'

Answer 1

您可以使用一个很好的扩展程序。这是3.4的例子。

File Upload Field Example

FileUploadField.js fileuploadield.css

jsFiddle example

Ext.onReady(function () {


    new Ext.Viewport({


        layout: 'fit',
        items: [
            {
                xtype: 'form',
                items: [
                    {
                        xtype: 'textfield',
                        fieldLabel: 'Textfield with inputType=file',
                        inputType: 'file'
                    },
                    {
                        xtype: 'fileuploadfield',
                        width: 200,
                        emptyText: 'Select a file',
                        fieldLabel: 'FileUploadField UX',
                        name: 'blah-blah',
                        buttonText: 'Custom Text'
                    }
                ],

                title: 'Form'
            }
        ]
    });

});

Answer 2

<html>
<head>
</head>
<body>
<form>
<input type=text name=file style="width:60px"> 
<input type=file name=newfile style="display:none">
<input type=button onClick="newfile.click();file.value=newfile.value; " value="import from excel">
</form>
</body>
</html>

如何使用input type ='file'和xtype ='textfield'更改'Browse'按钮的名称

2 个答案: