senchatouch提供了一个textfield文件选择组件,但是,很遗憾该控件不能作为文件上传,
由于sencha touch不支持文件上传,所以需要我们自己来实现文件上传。可以使用html5的fileReader来完成文件上传。
fileField的写法如下。
{
xtype: 'filefield',
id: 'subImg',
name: 'attachment',
label: 'Attachment',
required: false,
accept:'image',
clearIcon: true,
listeners:{
painted:function(){
$('#subImg input').attr('onChange','fileChange(event);');
}
}
}
var currentAttachData = null;
function fileChange(event) {
console.log(event);
if (event.target.files.length > 0) {
for (var i = 0; i < event.target.files.length; i++) {
var file = event.target.files[i];
var reader = new FileReader();
reader.onload = function (e) {
var s = e.target.result;
currentAttachData = s;
};
reader.readAsDataURL(file);
}
}
else {
alert("Please select file");
}
}