extjs上传大小
A. 我想用extjs实现上传和下载
给你上传代码，下载在服务端实现
重点是 xtype: 'filefield',
*************************************************************************
*上传框组件
*
************************************************************************
*/
Ext.define('Mocoolka.web.coreview.container.MKUploadForm', {
extend:'Ext.form.Panel',
frame: true,
autoScroll: true,
initComponent: function () {
var me = this;
me.title = getUIWithID("SystemUI.Buttons.Upload.Description");//'上传',
me.items = [
{
xtype: 'filefield',
emptyText: getUIWithID("SystemUI.MKUploadForm.SelectFile.Description"),//'选择一个文件',
name: 'filename',
buttonText: '...',
buttonConfig: {
iconCls: 'upload-icon'
}
},
];
me.buttons = [{
text: getUIWithID("SystemUI.Buttons.Upload.Description"),//'上传',
handler: function () {
var form = this.up('form').getForm();
var action = this.up('form').mkaction;
var myaction = "import";
if (action.get("Name") == "ImportAttachment")
myaction = "ImportAttachment";
var url = mkruntimer.getDataManager().getUrlPath(myaction, action);
if (form.isValid()) {
form.submit({
url: url,
waitMsg: getUIWithID("SystemUI.Buttons.Uploading.Description"),//'上传中...',
success: function (fp, o) {
var form1 = form.owner;
form1.mkcallout(form1.mkcalloutpara, action.result.children);
form1.up('window').close();
},
failure: function (form, action) {
mkerrorutil.processAjaxFailure(action.response);
}
});
}
}
}, {
text: getUIWithID("SystemUI.Buttons.Reset.Description"),//'重设',
handler: function () {
this.up('form').getForm().reset();
}
}, {
text: getUIWithID("SystemUI.Buttons.Cancel.Description"),//'取消',
handler: function () {
this.up('window').close();
}
},
{
text: getUIWithID("SystemUI.MKUploadForm.AddFile.Description"),//'增加一个文件',
handler: function () {
this.up('form').addFile();
}
}
]
me.callParent(arguments);
},
addFile: function () {
var me = this;
me.add({
xtype: 'filefield',
emptyText: getUIWithID("SystemUI.MKUploadForm.SelectFile.Description"),//'选择一个文件',
fieldLabel: getUIWithID(""),// '文件',
name: 'filename',
buttonText: '',
buttonConfig: {
iconCls: 'upload-icon'
}
});
},
//standardSubmit:false,
bodyPadding: '10 10 0',
flex:1,
defaults: {
anchor: '100%',
msgTarget: 'side',
labelWidth: 50
},
region: 'center',
});
B. EXTJS4.0中上传文件的问题
你只写了界面没有写业务 官方有这样的代码
Ext.create('Ext.form.Panel', {
title: 'Upload a Photo',
width: 400,
bodyPadding: 10,
frame: true,
renderTo: Ext.getBody(),
items: [{
xtype: 'filefield',
name: 'photo',
fieldLabel: 'Photo',
labelWidth: 50,
msgTarget: 'side',
allowBlank: false,
anchor: '100%',
buttonText: 'Select Photo...'
}],
buttons: [{
text: 'Upload',
handler: function() {
var form = this.up('form').getForm();
if(form.isValid()){
form.submit({
url: 'photo-upload.php',
waitMsg: 'Uploading your photo...',
success: function(fp, o) {
Ext.Msg.alert('Success', 'Your photo "' + o.result.file + '" has been uploaded.');
}
});
}
}
}]
});
C. 改变ExtJs默认的字体大小的几种方法
1、 只需把ext-all.css样式文件中的所有11px换成12px，这样就为统一的12px的字体了。 但是如果再想增大,那么这时候不光是把源文件的11px换成15px，而且需要把里面和font有关的12px换成15px。 改完之后按钮出现世扰毛边,在样式文件中加 .ext-ie .x-btn-text-icon .x-btn-center .x-btn-text { padding:3px 0px 0px 0px;}毛碧团边就不见了!2、由于在不同浏览器中，或者不同版本的同款浏览器中显示的Extjs字体大小不一样。而且看起来比较小。不顺眼。 在网上查之，获得一条有用信息：Extjs 在很多情况下使用 11px 字体，11px 大小是一种边缘字体，不同的浏览器对 11px 的渲染各不相同，IE 的渲染和12px 相似，而在 Firefox 中，则和 10px相似，导致字体在FF 中过小的问题。 为了能够彻底的解决字体大小问题，直接打开ext-all.css，查找所有的11px并替换为12px。问题解决了3、 Extjs版本3.2.1，字体大小修改 上网找了好搜慧旦多资料，都说是加上 .x-btn-text{ font-size:15px;}这样就好了，但是在IE9和FF下还是不好用。 后来到ext-all.css里慢慢试，才找到设置的地方。
D. ExtJS 文件上传（使用SwfUploadPanel插件)
应该是flash文件的问题，swf文件要放对地方，还有，检查一下浏览器的 flash 插件是否已经安装。
E. extjs ajax 可以上传文件吗
文件上传的Ajax，首先Ajax并不支持流的传输，只是在里面套了个iframe。
//ajax上传
Ext.get('btn').on('click',function(){
Ext.Ajax.request({
url:'Upload.php',
isUpload:true,
form:'upform',
success:function(){
Ext.Msg.alert('upfile','文件上传成功！');
}
});
});
<formid="upform">
请选择文件：<inputtype="file"name="imgFile"/>
<inputtype="button"id="btn"value="上传"/>
</form>
<?php
if(!isset($_FILES['imgFile'])){
echojson_encode(array("success"=>false,'msg'=>"NotgetImgfile"));
return;
}
$upfile=$_FILES['imgFile'];
$name=$upfile["name"];//上传文件的文件名
$type=$upfile["type"];//上传文件的类型
$size=$upfile["size"];//上传文件的大小
$tmp_name=$upfile["tmp_name"];//上传文件的临时存放路径
$error_cod=$upfile["error"];
if($error_cod>0){
echojson_encode(array("success"=>false,'msg'=>$error_cod));
}
$photo_tmp_file_name=//这里设置存放路径
move_uploaded_file($tmp_name,$photo_tmp_file_name);//存储文件
?>
F. extjs 控制图片大小问题 width不起作用
autoEl 的配置项里，使没冲好枯铅用 cls:cssClass 或者 style:"width:600px"判亮 试试
G. Extjs 如何实现上传及下载功能。
其实，EXTJS4.0中有自带的上传控件 ，你引用一下就行了
关键在于，你上传的文件是保存在数据库中，还是保存在服务器的硬盘上
保存在数据库中要化成二进制流，但缺点是文件大的时候，数据库很麻烦，并且写进数据库要转换，读出来也要转化
如果保存在服务器上，只在数据库中保存路径，然后就可以根据路径来下载，
删除的时候，也同样根据路径要删除服务器上的文件和数据库中的文件信息
祝你好运，如何你不明白的话，我可以给你源码看一下，之前我做的上传，下载和删除功能。
H. 谁做过ExtJS上传下载文件的功能，求教
//附件上传表单
varwareFrom=Ext.create('Ext.form.Panel',{
items:[{
xtype:'filefield',
name:'upfile',
fieldLabel:'文件上传',
blankText:'请选择文件',
allowBlank:false
}]
});
//创建一个窗体
varwin=Ext.create('Ext.window.Window',{
title:'上传课件',
width:'auto',
height:'auto',
layout:'fit',
items:wareFrom,
buttonAlign:'center',
buttons:[{
minWidth:80,
text:'取消',
handler:function(){ win.hide(); }
},{
minWidth:80,
text:'上传',
handler:upLoad
}]
});
//显示窗体
win.show();
//点击上传按钮处理事件
functionupLoad(){
if(wareFrom.getForm().isValid()){
wareFrom.getForm().submit({
waitTitle:'请稍候',
waitMsg:'正在执行操作...',
url:'upload.php?upload=ok',
method:'POST',
success:function(form,action){
Ext.Msg.alert('提示',action.result.msg);
wareFrom.getForm().reset();
},
failure:function(form,action){
Ext.Msg.alert('提示',action.result.msg);
}
});
}
}
//后台不管你用的什么，流程一致，此以php为例，因为比较好写
<?php
if($_GET['upload']=='ok'){
//上传路径
$location='upload_file/';
//此处的name是上传窗体，upload控件的name
if(move_uploaded_file($_FILES['upfile']['tmp_name'],$location)){
echojson_encode(array('success'=>true,'msg'=>'上传成功'));
}else{
echojson_encode(array('success'=>false,'msg'=>'上传发生了错误'));
}
}
?>
//下载
<?php
//此处需前台传一个id过来
$id=$_GET['id'];
$sql="SELECT*FROM`ware`WHERE`id`='$id'";
$result=mysql_query($sql);
$row=mysql_fetch_row($result);
//此处的row是文件保存在数据库的路径
if(file_exists($row[0])){
//用stream读取该文件
$file=fopen($row[0],'r');
header('Content-Type:application/octet-stream');
header('Accept-Ranges:bytes');
header('Accept-Length:'.filesize($row[0]));
//此处的row1是文件名称
header('Content-Disposition:attachment;filename='.$row[1]);
echofread($file,filesize($row[0]));
fclose($file);
}
?>
//有什么地方不明白的话，欢迎继续追问
I. extjs怎么判断上传文件名的名称格式大小，不是后缀是文件名称
ExtJs能不能不知道（貌似不可以），但是可以用别的方式达到。给你提供个思路：比袜握如你限制仅能上传txt，pdf，xml，doc格式的文件，上传
时，先获取上传的文件名，截基岁取文件的后缀名（这个很简单，用split功能就可以了，以
.（点）作为分隔符），然后跟允许的上传格式字符对比，如果不同，则不允许上传，相同则允许（其实搏好睁用正则表达式也是可以的）。比如：
var a="filename.pdf"（文件名自己去获取）
var b=a.split(".")（截取之后是个数组["filename","pdf"]）
b[1]就是后缀名pdf
这样再对比：if(
b[1]
.toLowerCase()==‘pdf’)
alert("ok");
J. ExtJs中怎么上传文件
下面为大家介绍在ExtJs中上传文件的几种方法
第一种方法：传统的上传方式
在formpanal中增加一个fileUpload的属性
例子代码：
JScript 代码 复制
Ext.onReady(function(){
var form = new Ext.form.FormPanel({
renderTo:'file',
labelAlign: 'right',
title: '文件上传',
labelWidth: 60,
frame:true,
url: 服务器处理上传功能的url地址,//fileUploadServlet
width: 300,
height:200,
fileUpload: true,
items: [{
xtype: 'textfield',
fieldLabel: '文件名',
name: 'file',
inputType: 'file'//文件类型
}],
buttons: [{
text: '上传',
handler: function() {
form.getForm().submit({
success: function(form, response){
Ext.Msg.alert('信息', response.result.msg);
},
failure: function(){
Ext.Msg.alert('错误', '文件上传失败');
}
});
}
}]
});
});
第二种方法：借助Ext.ux.UploadDialog.Dialog的组件，在编码时需要导入两个文件
需要引入 Ext.ux.UploadDialog 样式文件 和 Ext.ux.UploadDialog.packed脚本文件。
例子代码
//在使用此方法进行文件上传时，其后台往页面的返回值类型是这样的：
//{'success':true,'message':'上传成功'}
//如果没有success:true，无论上传成功与否，显示的都是上传失败，其实这个和form.submit()的提交方式是一个道理。
var dialog = new Ext.ux.UploadDialog.Dialog({
autoCreate: true,
closable: true,
collapsible: false,
draggable: true,
minWidth: 400,
minHeight: 200,
width: 400,
height: 350,
permitted_extensions:['JPG','jpg','jpeg','JPEG','GIF','gif','xls','XLS'],
proxyDrag: true,
resizable: true,
constraintoviewport: true,
title: '文件上传',
url:用于处理上传文件功能的Url,
reset_on_hide: false,
allow_close_on_upload: true ,
upload_autostart: false
});
//定义上传文件的按钮
var btnShow = new Ext.Button({
text:'上传文件',
listeners:{
click:function(btnThis,eventobj){
dialog.show();
}
}
});