`
junjun16818
  • 浏览: 106248 次
  • 性别: 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变量即可

 

分享到:
评论

相关推荐

    Sencha 和 Sencha Touch 简介

    本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...

    SenchaCmd6.6安装程序

    Sencha Cmd是一款强大的命令行工具,专为Sencha框架(如Sencha Touch和Ext JS)的开发和构建过程提供便利。在安装SenchaCmd6.6版本时,我们需要按照一定的步骤进行,确保其能顺利集成到开发环境中。下面将详细介绍...

    SenchaSencha

    Sencha

    sencha touch图片懒加载

    以下是一个基本的Sencha Touch图片懒加载实现步骤: 1. **创建图片模型(Model)**:首先,我们需要定义一个包含图片URL和其他必要信息的数据模型,例如: ```javascript Ext.define('ImageModel', { extend: 'Ext....

    sencha.js sencha.css

    Sencha 是一个强大的JavaScript框架,主要用于构建富互联网应用程序(RIA)。它主要由两个核心组件组成:Sencha Touch 和 Ext JS。在给定的信息中,"sencha.js" 和 "sencha.css" 指向了Sencha的核心库文件,它们在...

    SenchaCmd-6.5.3-windows-64bit.zip

    Sencha Cmd是一款强大的命令行工具,专为Sencha框架(如Ext JS和Sencha Touch)的开发和构建过程提供便利。在"SenchaCmd-6.5.3-windows-64bit.zip"这个压缩包中,包含的是适用于Windows 64位系统的Sencha Cmd 6.5.3...

    SenchaCmd 6.2.2

    Sencha Cmd 是一个强大的命令行工具,主要用于帮助开发者管理和构建基于Sencha Touch或Ext JS的JavaScript应用程序。在Sencha的生态系统中,它扮演着至关重要的角色,简化了诸如创建项目、构建、压缩、版本控制以及...

    SenchaCmd-4.0.5.87

    Sencha Cmd 是一个强大的命令行工具,主要用于简化Sencha Touch 和 Ext JS 应用程序的开发、构建和部署过程。这个版本"SenchaCmd-4.0.5.87"是针对4.0.x系列的,对于Sencha Touch框架的开发者来说,它是一个不可或缺...

    Sencha touch 移动开发

    ### Sencha Touch 移动开发知识点详解 #### 一、概览 Sencha Touch 是一款专为移动设备设计的高性能 JavaScript 框架,能够帮助开发者构建原生体验的应用程序。它支持 HTML5 和 CSS3 的最新标准,并且兼容多种移动...

    Sencha Touch in Action

    《Sencha Touch in Action》是一本关于使用Sencha Touch进行跨平台移动开发的书籍,它详细介绍了Sencha Touch框架的使用方法和技巧。Sencha Touch是一个利用HTML5、CSS3和JavaScript创建移动Web应用程序的框架,它是...

    sencha touch环境配置.

    Sencha Touch 是一款用于构建移动Web应用程序的框架,它提供了丰富的UI组件和强大的数据管理功能。在开始使用Sencha Touch之前,需要进行一系列环境配置,确保所有必要的软件和工具已经安装并配置妥当。 首先,我们...

    sencha前端开发框架

    在 `resources` 目录下,你可以找到不同主题的图片、字体和其他资源文件。 4. **文档和示例**:压缩包可能包含文档文件(如 HTML 或 PDF),帮助开发者理解框架的使用方法和API。此外,`examples` 目录下可能有各种...

    SenchaTouch音频播放器

    总结来说,"Sencha Touch音频播放器"项目涵盖了Sencha Touch框架中的Audio组件使用,以及如何利用Sencha Architect进行可视化开发。通过这个项目,开发者可以学习到如何在HTML5环境下构建一个功能完备的本地音频...

    SenchaArchitect 4(5-4)

    SenchaArchitect 4(5-4)

    sencha touch项目源码

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件和API,用于构建交互式的、响应式的Web应用程序。这个项目源码是基于Sencha Touch开发的一个实例,通过研究这个项目,我们可以深入理解Sencha ...

    sencha cmd 使用方法

    ### sencha cmd 使用方法 #### 一、简介与准备工作 Sencha Cmd 是一款强大的命令行工具,用于构建、编译和部署 Sencha Ext JS 和 Sencha Touch 应用程序。它提供了一系列的功能来帮助开发者更高效地进行开发工作,...

    Sencha Architect绿色版

    Sencha Architect是一款强大的GUI应用程序,用于构建基于Ext JS的富前端应用。作为一款代码生成工具,它极大地简化了开发过程,让开发者无需手动编写大量JavaScript代码就能创建复杂的用户界面。Ext JS是一个流行的...

    SenchaCmd-5.1.0.26-windows

    Sencha cmd 是一个跨平台的命令行工具,它从你应用程序的新创建到部署入产品中的整个生命周期都提供了许多自动化的执行任务。 Sencha Cmd 提供了一系列功能强大的节约时间的功能,结合Sencha Ext JS 和Sencha Touch...

    Sencha Touch2环境搭建

    Sencha Touch 2是一款专为移动设备开发的前端框架,用于构建高性能的触控应用程序。它提供了丰富的组件库,使得开发者能够轻松创建出与原生应用相似的用户体验。本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境...

    sencha cmd

    Sencha Cmd 是一个强大的命令行工具,主要用于简化Sencha Touch框架的应用程序开发流程。它集成了构建、打包、测试和部署等一系列功能,极大地提升了开发效率。Sencha Touch 是一款流行的JavaScript移动应用框架,...

Global site tag (gtag.js) - Google Analytics