upload.html
<html>
<head>
<title>Uploading</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
<!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript" src="upload.js"></script>
<link rel="stylesheet" type="text/css" href="forms.css"/>
<!-- Common Styles for the examples -->
<link rel="stylesheet" type="text/css" href="../examples.css"/>
</head>
<body>
<script type="text/javascript" src="../examples.js"></script>
<!-- EXAMPLES -->
<h1>Upload with Forms</h1>
<p>The js is not minified so it is readable. See
<a href="upload.js">upload.js</a>.</p>
<p> </p>
<p><a href="javascript:window.location.reload();">reload</a></p>
</body>
</html>
upload.js
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
Ext.onReady(function() {
var form = new Ext.form.FormPanel({
baseCls: 'x-plain',
labelWidth: 80,
url:'upload.php',
fileUpload:true,
defaultType: 'textfield',
items: [{
xtype: 'textfield',
fieldLabel: 'File Name',
name: 'userfile',
inputType: 'file',
allowBlank: false,
blankText: 'File can\'t not empty.',
anchor: '90%' // anchor width by percentage
}]
});
var win = new Ext.Window({
title: 'Upload file',
width: 400,
height:200,
minWidth: 300,
minHeight: 100,
layout: 'fit',
plain:true,
bodyStyle:'padding:5px;',
buttonAlign:'center',
items: form,
buttons: [{
text: 'Upload',
handler: function() {
if(form.form.isValid()){
Ext.MessageBox.show({
title: 'Please wait',
msg: 'Uploading...',
progressText: '',
width:300,
progress:true,
closable:false,
animEl: 'loding'
});
form.getForm().submit({
success: function(form, action){
Ext.Msg.alert('Message from extjs.org.cn',action.result.msg);
win.hide();
},
failure: function(){
Ext.Msg.alert('Error', 'File upload failure.');
}
})
}
}
},{
text: 'Close',
handler:function(){win.hide();}
}]
});
win.show();
});
upload.php
<?php
//上传文件全称
$uploadfile = "upload_files/".basename($_FILES['userfile']['name']);
$message = "";
if (@move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) {
$message = "File was successfully uploaded.";
}
else
{
$message = "Possible file upload attack!";
}
print "{success:true,msg:'".$message."'}";
?>
分享到：
相关推荐
本主题将详细探讨如何使用ExtJS库结合Apache Commons FileUpload库实现这一功能。 **ExtJS简介** ExtJS是一个流行的JavaScript框架，用于构建富客户端应用程序。它提供了丰富的组件和强大的数据管理能力，包括各种...
EXTJS+PHP房屋中介管理系统是一种基于前端EXTJS框架和后端PHP编程语言，结合MySQL数据库构建的实用型应用。EXTJS是一种强大的JavaScript库，专用于创建富客户端的Web应用程序，而PHP是广泛应用的服务器端脚本语言，...
标题中的"php-blog.rar_extjs_extjs php_extjs php bl_php blog"暗示这是一个与PHP和EXTJS相关的项目，可能是用于创建一个单用户的博客系统。EXTJS是一个强大的JavaScript库，用于构建富客户端应用，而PHP是一种广泛...
**基于extjs+php的extplorer程序** EXTplorer是一款基于Web的文件管理应用程序，它利用了EXTJS库的强大力量以及PHP后端处理能力，为用户提供了一个在浏览器中进行文件操作的直观界面。EXTJS是一个JavaScript框架，...
本项目“php+Extjs+mysql实例”正是这样一个综合性的应用，它结合了三种技术，即PHP作为后端服务器语言，MySQL作为数据库管理系统，以及ExtJS作为前端JavaScript框架，实现了合同信息的全面管理功能，包括添加、修改...
**基于ExtJs的PHP企业级开发框架详解** 在现代企业级Web应用开发中，结合JavaScript库和后端语言可以创建高效、用户友好的界面。本文将深入探讨基于ExtJs的PHP企业级开发框架，它是构建大型、复杂Web应用程序的理想...
在“oms.rar_OMS php_extjs_oms_php extjs_php-ext”这个项目中，我们可以看到它是一个基于PHP和EXTJS框架构建的ODF（Open Document Format，开放文档格式）管理系统模型。下面将详细解释这些技术及其在系统中的应用...
EXTJS+PHP bs小型房屋管理系统
标题中的“php与extjs”指的是在Web开发中结合PHP后端技术和ExtJS前端框架的应用。PHP是一种广泛使用的开源服务器端脚本语言，尤其适用于Web开发，能够与HTML紧密集成。而ExtJS则是一个用于构建富客户端应用的...
在IT行业中，PHP和ExtJS是两种非常重要的技术，它们分别在服务器端和客户端发挥着关键作用。"php_extjs 增删改查"这个主题聚焦于如何使用这两种技术来实现一个基本的数据管理应用程序，涵盖了前端用户界面的构建以及...
ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码，主要是因为 ExtJS4 配备了一类新的系统，不向后兼容。在 ExtJS 3 里生成表的几个框架组件，ExtJS4 大多生成 div，这使得 CSS classes 将会失败...
php+extjs4.2翻页搜索实例.php
1、利用org.apache.commons.fileupload编写的文件上传和下载的前台和后台代码，前台代码是Jsp，后台是用servlet处理，共2个例子，各有不同，比较使用； 2、有用jspSmartupload制作一个文件上传和下载的例子，其制作...
在本文中，我们将深入探讨基于PHP语言并采用EXTJS前端框架开发的进销存系统源码，以及其仓库管理和账册管理功能。 首先，PHP是一种流行的服务器端脚本语言，尤其在Web开发领域广泛应用。它简洁且易于学习，同时拥有...
ExtJS是一种广泛使用的JavaScript库，专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具，使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中，我们主要关注的是...
包括了extjs crud php增、删、改、查操作，是Extjs入门的一个极好的实例。
Extjs4.2+php5.4+mysql5.5 有数据库，一般不会轻易上传，2015年本人亲自开发，技术还是新的
本书作为Extjs的中文教程，旨在帮助读者快速上手Extjs，其内容涉及Extjs的基础知识和实际应用。 #### 2. JavaScript基础知识 - **类的定义**: Extjs中的类继承于JavaScript原生类，通过Ext.extend来定义。这是...
本话题将探讨如何利用PHP作为后端服务器语言，EXTJS作为前端JavaScript框架，以及EXTJS的Grid组件来实现数据的实时更新显示。EXTJS的Grid组件是一种强大的数据展示工具，可以轻松地处理大量数据，并提供灵活的排序、...
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...