Sencha touch 2.3.1文件上传不工作xtype:filefield无法正常工作

时间:2014-05-04 11:16:27

标签: javascript html5 mobile extjs sencha-touch

我正在尝试使用sencha touch 2.3.1上传图像。谷歌搜索后,我发现我可以使用xtype:fileinput和xtype:filefield来捕获图库和相机中的文件。

以下是我的视图中的items数组的内容

items : [
            {
               xtype : 'filefield',
               name : 'coverPicImage',
               accept: 'image',
               label : 'Cover pic'
            }
        ]

这是控制器

config: {
    refs :{
        coverPicFile : 'uploadform filefield[name=coverPicImage]',
        submitButton : 'uploadform button[action=submit]'
     },
    control: {
        submitButton:   {
            tap : 'onSubmit'
        }
    }
}

onSubmit : function(){
    var coverPicInput = this.getCoverPicFile().input;
    var files = coverPicInput.dom.files;
}

问题是this.getCoverPicFile()。输入未定义。 this.getCoverPicFile()返回一个类。

如果我将文件字段更改为fileinput,则可以正常工作

我得到的错误是

Uncaught TypeError: Cannot read property 'dom' of undefined 

有没有理由说明为什么这不适用于filefield

提前致谢

1 个答案:

答案 0 :(得分:0)

我在这上面浪费了很多时间,最后我设法获得了图片并以base64格式上传到服务器。 This tutorial为我工作。 不要被我的标题所欺骗,本教程允许您从本地文件系统中选择文件/图像。