Easyui的easyui-filebox支持多文件上传吗

Easyui的easyui-filebox支持多文件上传吗,第1张

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, 但是不知道怎么打开等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10097036.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存