Sencha Touch上传图片的方法

作者写了2天终于写出来 Sencha Touch上传图片的解决办法了。

下载jquery 上传插件 ajaxfileupload.js 并引入

下面是上传控件的写法

item[ 
 
{ 
 
xtype: 'textfield', 
 
name: 'filename', 
 
id:'files', 
 
inputType : "file", 
 
label: '头像', 
 
placeHolder: '请输入图片网页路径URL', 
 
autoCapitalize : true, 
 
required: true, 
 
useClearIcon: true 
 
}] 

query ajax上传的方法

function ajaxuploadImg(name) 
 
{ 
 
alert(1); 
 
$("#loading") 
 
.ajaxStart(function(){ 
 
$(this).show(); 
 
}) 
 
.ajaxComplete(function(){ 
 
$(this).hide(); 
 
}); 
 
$.ajaxFileUpload 
 
( 
 
{ 
 
url:'uploadFile!uploadTest.action?testName='+name, 
 
secureuri:false, 
 
fileElementId:'files', 
 
dataType: 'json', 
 
} 
 
) 
 
} 

点击上传 触发事件

ajaxuploadImg("上传后的图片名"); 

后台定义一个　fileName　和 testName 变量即可