easyui-filebox 只是一个UI的插件(其实还是INPUT标签),它不是上传组件,所有就不存在是否支持多文件上传,你要想一次上传多个文件,可以设置多个easyui-filebox。
拓展
EasyUI+SpringMVC 单个/多个文件上传
基本步骤:
按照数据流向来阐述
>>> 页面提供文件上传控件
>>> contorller端接收页面传入的文件流,在这个步骤可以写入数据库或者放到指定目录
>>> 将上传的返回结果写回页面
html文件:
<div class="fileBox">
<div class="fileName"></div>
<button class="fileButton">选择文件</button>
<input type="file" class="file1">
</div>
<div class="fileBox">
<div class="fileName"></div>
<button class="fileButton">选择文件</button>
<input type="file" class="file2">
</div>
css文件:
fileBox{
position: relative;
display: inline-block;
}
fileButton{
display: inline-block;
width: 80px;
height: 34px;
line-height: 34px;
background: #FFA837;
border-radius: 0px 4px 4px 0px;
text-align: center;
color: #fff;
vertical-align: top;
}
file1,file2{
width: 80px;
height: 34px;
position: absolute;
top: 0px;
right: 0px;
opacity: 0;
filter:Alpha(opacity=0); /透明度兼容IE8/
vertical-align: top;
}
fileName{
display: inline-block;
width: 150px;
height: 34px;
line-height: 34px;
padding:0px 5px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
border: 1px solid #eee;
vertical-align: top;
float: left;
}
js文件:
function upFile(fileX){
var path;
var fileName;
var file=fileX;
var fileFrame=fileXparent("fileBox")children("fileName");
path=fileval();
//path为获取的<input type="file">的文件名或文件路径
//火狐获取的是文件名,所以pos=-1,chrome和IE获取的是文件路径
if(path!=''){
var pos1 = pathlastIndexOf('/');
var pos2 = pathlastIndexOf('\\');
var pos = Mathmax(pos1, pos2)
if( pos<0 ){
fileName =path;
fileFrametext(fileName);
fileFrameattr("title",fileName);
}
else{
fileName=pathsubstring(pos+1);//截取从pos+1索引到末尾
fileFrametext(fileName);
fileFrameattr("title",fileName);
}
}
}
调用:
$("file1")change(function(){
upFile($(this));
});
$("file2")change(function(){
upFile($(this));
});
以后只要调用upFile()就可以了
兼容:IE8+,firefox,chrome
/1)下载offsetdat,通过FileBox把offsetdat放在/home/user/MyDocs/maps目录下 /2)安装deb包 /把下边的两个deb包放入自带大容量下的tmp文件夹下,然后开始命令, /打开TXerminal,(确定安装过rootsh并且重启过) /输入root回车 /cd /home/user/MyDocs/tmp回车(进入存放安装文件的路径) /dpkg -i libmappero0_32-os2008china_armeldeb回车 /dpkg -i maemo-mapper_32-os2008china_armeldeb回车 / /3)打开Mappero,顶部菜单-》地图(Map)-》系统(Tiles)-》Google Vector-》类型(Type)(向下翻)-》XYZ_OFFSET,保存 /关闭Mappero,重新打开,最好重启系统
以上就是关于Easyui的easyui-filebox支持多文件上传吗全部的内容,包括:Easyui的easyui-filebox支持多文件上传吗、前端怎么修改input file的默认样式、下了一个google纠偏数据库offset.dat, 但是不知道怎么打开等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)