`
junjun16818
  • 浏览: 104162 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

sencha touche 上传图片  

阅读更多

写了2天终于写出来 touche上传的解决办法了  

下载jquery 上传插件

ajaxfileupload.js  并引入

 

下面是上传控件的写法 

 

 

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

 

       jquery 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变量即可

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics