2016-08-26 4 views
0

画像がサーバー側で処理される前にプレビューしたいですか?Extjs 4.2+でアップロードする前に画像をプレビューする方法

私は次のように画像をキャプチャしています:

{ 
    xtype: 'filefield', 
    cls: 'reset', 
    width: 357, 
    fieldLabel: 'Upload Logo', 
    name: 'file', 
    allowBlank: false, 
    emptyText: 'Browse Location...', 
    size: 40, 
    validateBlank: true, 
    vtype: 'fileUpload', 
    buttonText: 'Browse', 
    listeners: { 
     change: { 
      fn: me.onFilefieldChange, 
      scope: me 
     } 
    } 
}, 
{ 
    xtype: 'button', 
    handler: function(){ 
     Message.waitForLoading(); 
     var form = this.up('logoandcoloring').getForm(); 
     if (form.isValid()){ 
      form.submit({ 
       // and later processing the request 

私はExtJSの4.2 +バージョンのヘルプを探しています。

+0

[この](http://www.html5rocks.com/en/tutorials/file/dndfiles/)いくつかのアイデアをあなたに – Zoran

+0

おかげZoran..Theを与える必要があり、あなたが与えたリンクの例を確認することができます有用だったが、Javascript ..となっていたExtjsに特有の何かがうまくいけば、javascriptが最後の手段である場合は素晴らしいだろう。 – JDev

+0

AFAIK、これに対するExtコンポーネントは存在しません。 [this](https://fiddle.sencha.com/#fiddle/1fum)fiddleをチェックしてください。これは前のリンクの例を使用して作成されています。 – Zoran

答えて

関連する問題