如何使用xtype文件字段限制文件類型（extjs 4.1.0）？

我想用extjs 4.1.0來實現文件上傳功能。而我想限制用戶只選擇圖像文件（jpg，png，gif）。是否有任何可以應用的過濾器，以便用戶只能查看並選擇上述文件的類型？如何使用xtype文件字段限制文件類型（extjs 4.1.0）？

2012-10-18 Supereme

請參閱http://docs.sencha.com/ext-js/4-1/#!/api/Ext.form.field.VTypes自定義類型示例的VAlidation類型。你也可以使用正則表達式來指定alphaMask。

2012-10-19 00:01:06 dbrin

你可以像這樣的東西還有：

{ 
     xtype: 'filefield', 
     buttonText: '....', 
     listeners:{ 
      afterrender:function(cmp){ 
       cmp.fileInputEl.set({ 
       accept:'image/*' // or w/e type 
       }); 
      } 
     } 
    }

來源

2014-02-21 15:30:13

爲什麼我無法找到filefield文檔中的afterrender監聽器？ – zizoujab

您正在查看哪個版本的文檔？在檢查ExtJS4.2文檔後，我在filefield組件中看到afterrender事件：http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.form.field.File-event-afterrender該方法自ExtJS 3.4.0開始存在。 –

我錯過了（我在sencha的文檔中搜索不是分機），這是我的紅色文檔http://docs.sencha.com/touch/2.3.1/#!/api/Ext.field.File – zizoujab

{ 
     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' 
    }

正則表達式增加了客戶端驗證，到窗體綁定可以任何形式或你計劃做行動上付諸表決。

來源

2015-04-06 23:25:50

如何使用xtype文件字段限制文件類型（extjs 4.1.0）？

回答

相關問題