将图像保存在目录Extjs中

时间:2018-03-14 22:13:03

标签: javascript image extjs file-upload

我有这个代码用于预览图像:

{                           
  xtype: 'filefield',
  x: 120,
  y: 130,
  width: 490,                        
  //buttonOnly: true,
  name: 'rutas',
  itemId: 'rutas',
  labelWidth: 90,                                                       
  fieldLabel: 'Buscar Foto',  
  listeners: {
    'change': function (newVal) {                                    
      var file = newVal.fileInputEl.el.dom.files[0];
      var reader = new FileReader();
      console.log(reader);
      reader.readAsDataURL(file);
      reader.onload = function (evt) {
        var image = Ext.ComponentQuery.query("[itemId=imageid]")[0];
        image.setSrc(evt.target.result);                                                                            
      }
    }
  },                     
},

我设置了一个显示图像的地方:

{
  xtype: 'image',
  x: 20,
  y: 5,
  itemId: 'imageid',
  style: "border: 1px solid black",
  minHeight: 90,
  width: 65,
  height: 'auto',
  //html:'<div align="center" style="background-color:white;" ><img src="http://src.sencha.io/http://yoursite.com/splash.png" ></div>',
  src: 'tmp/default.png'                            
},

这些代码工作正常,但我需要将所选图像保存到我的应用程序的目录中。有人知道怎么做吗?

我读过一本书,说使用setSrc你可以将文件移动到目录中,但我真的不知道如何做到这一点。

1 个答案:

答案 0 :(得分:1)

请看下面给出的小提琴网址: -

https://fiddle.sencha.com/#view/editor&fiddle/2f70

目前我不确定如何设置位置(在哪里下载)。