plupload使用例子

1. 例子

<li><a id="uploadFile">上传</a></li>

//文书上传和显示
$(function () {var uploader = new plupload.Uploader({runtimes: 'html5,flash,silverlight,html4',// 指定上传方式browse_button: 'uploadFile',unique_names: true,file_data_name: 'files',//后端取文件的名字url: getUrlPath() + "/uploadFile.do",filters: { //过滤器max_file_size: '63kb', //文件最大可上传的文件大小mime_types: [ //用来限定上传文件的类型{title: "Default files", extensions: "doc,docx,pdf"}],prevent_duplicates: false // 不可选取重复的文件},multipart_params: {},multi_selection: true,  //是否可以在文件浏览对话框中选择多个文件multiple_queues: false, //是否启用以拖放文件到窗口init: {Init: function (up) {},BeforeUpload: function (up, files) { //当队列中的某一个文件正要开始上传前触发},FilesAdded: function (up, files) {    // 添加文件回调up.start();}},UploadProgress: function (up, file) {    // 显示文件上传的状态,会在文件上传过程中不断触发},FileUploaded: function (up, file, info) { //当队列中的某一个文件上传完成后触发 针对于每一个文件；这里主要返回文件上传成功与否的状态，var res = JSON.parse(info.response);//在这儿可以拼接html$('#files').append(html);//初始化复选框checkboxInit($('#' + ("checkFile" + res.data)));},UploadComplete: function (up, files) {      //队列中的所有文件上传完后，触发if (files.length === 0) {layer.alert("请选择文件", {icon: 7});return;}layer.alert("文件上传成功", {icon: 1}, function (index) {layer.close(index);});},Error: function (up, err, file) { // 上传出错的时候触发if (err.message === 'File extension error.') {layer.msg('上传的文件格式不支持', {time: 2000,icon: 2,shade: 0.3});} else if (err.message === 'File size error.') {layer.msg('上传的文件过大', {time: 2000,icon: 2,shade: 0.3});} else if (err.message === 'Duplicate file error.') {layer.msg('上传的文件重复', {time: 2000,icon: 2,shade: 0.3});} else {layer.msg('上传的文件错误', {time: 2000,icon: 2,shade: 0.3});}}}});uploader.init();//初始化plupload,这句是必须的
})

    /*** @param files 前端传过来的文件* @return tdh.entity.vo.CommResultVO 通用返回类* @description 文件上传* @author zhaohuaqing* @date 2021/7/22 14:19*/@PostMapping(value = "/uploadFile.do")@ResponseBodypublic CommResultVo uploadFile(MultipartFile files) {log.debug("前端传回来的文件:{}", files);int xh;try {xh = ckjzService.uploadTempFile(files);} catch (IOException e) {log.error("IO异常" + e.getMessage(), e);return CommResultVo.fail("文件上传异常");}log.debug("文件序号:{}", xh);return xh == 0 ? CommResultVo.fail("上传失败") : CommResultVo.success("上传成功", xh);}

2.说明

可以自己去找plupload的文档

plupload使用例子相关推荐

plupload上传例子
首先引入js <script type="text/javascript" src="${basepath}/common/js/plupload/plupload ...
java 批量上传图片插件_java多文件上传plupload控件实现多图片上传（一）
使用的是plupload-2.1.2 控件.网上资源挺多的,很好下载. plupload 官方地址 : http://www.plupload.com/ plupload 示例: http://www ...
SSM框架+Plupload实现分块上传（Spring+SpringMVC+MyBatis+Plupload）
关于Plupload的介绍,相信它的官网http://www.plupload.com/已经给得很详细了.Plupload的上传原理简单点说,就是将用户选中的文件(可多个)分隔成一个个小块,依次向服务 ...
ssm上传文件进度条_SSM框架+Plupload实现分块上传大文件示例
关于Plupload的介绍,相信它的官网http://www.plupload.com/已经给得很详细了.Plupload的上传原理简单点说,就是将用户选中的文件(可多个)分隔成一个个小块,依次向服务 ...
plupload怎么设置属性_jquery上传插件：plupload事件参数说明详解
jquery上传插件:plupload事件参数说明详解 2018-12-01 本篇重点说明一下plupload的事件参数.并用2个例子说明一下绑定事件. 1.plupload参数说明: Browse_ ...
plupload android,Plupload：如何直接从相机上（在移动设备上）
当用户点击"选择文件"并从他们的手机图库中选择图像时,图像的文件名会出现在屏幕上.然后用户可以自由点击"上传文件"开始上传. 我的问题当用户点击"选 ...
plupload上传大文件
大容量文件上传早已不是什么新鲜问题,在.net 2.0时代,HTML5也还没有问世,要实现这样的功能,要么是改web.config,要么是用flash,要么是用一些第三方控件,然而这些解决问题的方法要 ...
plupload上传整个文件夹
大容量文件上传早已不是什么新鲜问题,在.net 2.0时代,HTML5也还没有问世,要实现这样的功能,要么是改web.config,要么是用flash,要么是用一些第三方控件,然而这些解决问题的方法要 ...
利用PLUPLOAD上传大文件
利用PLUPLOAD上传大文件大容量文件上传早已不是什么新鲜问题,在.net 2.0时代,HTML5也还没有问世,要实现这样的功能,要么是改web.config,要么是用flash,要么是用一些第三 ...

plupload使用例子

plupload使用例子

1. 例子

2.说明

plupload使用例子相关推荐

最新文章

热门文章