easyui-filebox 只是一个UI的插件(其实还是INPUT标签),它不是上传组件,所有就不存在是否支持多文件上大旅传,你要想一次上传多个文件,可以设置多个easyui-filebox。
拓展
EasyUI+SpringMVC 单个/多个文件上传
基本步骤:
按或喊照数据流向来阐述
>>>页面提供文件上传控件.
>>>contorller端接收页面传入的文件流,在这个步骤可以写入数据库或者滚团凳放到指定目录.
>>>将上传的返回结果写回页面.
第一步,新建静态页面filebox.html,并修改页面标题为“EasyUI上传文件控件”,如下图所示:如何利用EasyUI插件中的FileBox设置中文标题
第二步,为了使用EasyUI插件,需要引入EasyUI相关空尘的CSS和JavaScript文件,如下图所示:
如何利用EasyUI插件中的FileBox设置中文标题
第三步,在body标签元素内插入一个panel和filebox,并设置它们的样式,接着悄亏备在其下方插入一个上传文件的按钮,如下图所示:
如何利用EasyUI插件中的FileBox设置中文标题
4
第四步,完成了前三步后,在浏览器中进行预览,这时启毁会看到上传文件控件和上传文件按钮,如下图所示:
如何利用EasyUI插件中的FileBox设置中文标题
5
第五步,在jquery初始化函数中添加上传文件点击事件,点击后会将上传文件插件的英文提示会变成中文,如下图所示:
如何利用EasyUI插件中的FileBox设置中文标题
绑定onChange事件就行了,filebox继承自textbox,textbox的事件都可以作用于陵咐伍filebox<input class="easyui-filebox" name="file1"尺或简唤 data-options="onChange:function(){alert('change file')},prompt:'Choose a file...'" style="width:100%">
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)