4

extjs4.1.0を使用してファイルアップロード機能を実装しようとしています。一方、ユーザーが画像ファイル（jpg、png、gif）のみを選択するように制限したいと思います。ユーザーが上記のファイルの種類のみを表示して選択できるように適用できるフィルターはありますか？

4

3 に答える 3

6

あなたもこのようなものをすることができます：

    {
        xtype: 'filefield',
        buttonText: '....',
        listeners:{
            afterrender:function(cmp){
              cmp.fileInputEl.set({
                accept:'image/*' // or w/e type
              });
            }
        }
    }
于 2014-02-21T15:30:13.947 に答える
2

カスタムタイプの例については、http：//docs.sencha.com/ext-js/4-1/# ！/ api /Ext.form.field.VTypesVALidationタイプを参照してください。正規表現を使用してalphaMaskを指定することもできます。

于 2012-10-19T00:01:06.403 に答える
0 
{
        xtype: 'fileuploadfield',
        name: 'file',
        fieldLabel: 'Photo',
        labelWidth: 50,
        allowBlank: false,
        buttonText: 'SelectPhoto',
        anchor: '100%',
        reset: function () {
            var me = this,
                clear = me.clearOnSubmit;
            if (me.rendered) {
                me.button.reset(clear);
                me.fileInputEl = me.button.fileInputEl;
                me.fileInputEl.set({
                    accept: 'image/*'
                });
                if (clear) {
                    me.inputEl.dom.value = '';
                }
                me.callParent();
            }},
        listeners:{
            change: 'fileInputChange',
            afterrender:function(cmp){
                cmp.fileInputEl.set({
                    accept:'image/*'
                });
            }
        },
        regex: /(.)+((\.png)|(\.jpg)|(\.jpeg)(\w)?)$/i,
        regexText: 'Only PNG and JPEG image formats are accepted'
    }

regexは、クライアント側の検証を追加します。これに、実行する予定のフォームまたはアクションにフォームバインドを適用できます。

于 2015-04-06T23:25:50.097 に答える