加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

BootStrap fileinput.js文件上传组件实例代码

发布时间:2020-12-18 00:40:50 所属栏目:安全 来源:网络整理
导读:1.首先我们下载好fileinput插件引入插件 2.html设置: 3.初始化设置: ",maxFileCount : 3,msgFilesTooMany : "选择图片超过了最大数量",maxFileSize : 2000,}); }; //初始化控件initFileInput(id,uploadurl)控件id,与上传路径 initFileInput("file-file","

1.首先我们下载好fileinput插件引入插件

2.html设置:

3.初始化设置:

",maxFileCount : 3,msgFilesTooMany : "选择图片超过了最大数量",maxFileSize : 2000,}); }; //初始化控件initFileInput(id,uploadurl)控件id,与上传路径 initFileInput("file-file","/tqyh/pushMessAction");

注:要想使用控件自带的upload按钮,以及上传进度,必须用form包裹 (当然也可以在初始化的时加入 enctype: 'multipart/form-data',是一样的)但不用定义action

最后通过后台进行正常的上传就好了。

有些朋友说我没写明白,好吧我把后台代码贴出:

servlet:

其实后台不用可以接收,我们通过解析request就能获取一个或者多个上传的文件。上面代码主要核心代码:

list = upload.parseRequest(request); for(FileItem item : list) { //如果获取的 表单信息是普通的 文本 信息 if(item.isFormField()) { //获取用户具体输入的字符串 ,名字起得挺好,因为表单提交过来的是 字符串类型的 String value = item.getString() ; } else{ //对传入的非 简单的字符串进行处理 ,比如说二进制的 图片,视频这些 /** * 以下三步,主要获取 上传文件的名字 */ //获取路径名 String value = item.getName() ; //索引到最后一个反斜杠 int start = value.lastIndexOf(""); //截取 上传文件的 字符串名字,加1是 去掉反斜杠, filename = value.substring(start+1); System.out.println("filename="+ filename); //真正写到磁盘上 //它抛出的异常 用exception 捕捉 //item.write( new File(path,filename) );//第三方提供的 //手动写的 OutputStream out = new FileOutputStream(new File(path,filename)); InputStream in = item.getInputStream() ; int length = 0 ; byte [] buf = new byte[1024] ; // in.read(buf) 每次读到的数据存放在 buf 数组中 while( (length = in.read(buf) ) != -1) { //在 buf 数组中 取出数据 写到 (输出流)磁盘上 out.write(buf,length); } in.close(); out.close(); } } } catch (FileUploadException e) { log.error("文件上传异常:",e); } catch (Exception e) { log.error("文件处理IO异常:",e); } return filename ; }

以上所述是小编给大家介绍的BootStrap fileinput.js文件上传组件实例代码。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读