uploadifive上传，无需flash插件案列

前端：
$('#updateFiles').uploadifive({'auto': true,  //是否自动上传，默认true'multi': true, //是否多文件'uploadScript' : '<%=request.getContextPath()%>/fileUpload/uploadFilesWithRealName', //地址'buttonText' : '请选择文件','dnd'  : false,//是否允许拖动上传'removeCompleted' : false,//上传成功后会自动删除页面上的文件'queueID'  : false,'fileType':['application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.ms-excel'],//文件类型'fileObjName':'uploadify',//文件名称'fileSizeLimit':'20MB',//文件大小'onError'      : function(errorType) {//异常处理console.log('The error was: ' + errorType);},'onFallback': function () { //如果浏览器没有兼容的HTML5文件API功能，则在初始化期间触发alert('浏览器不支持HTML5,无法上传！');},'onProgress' : function(file, e) {//上传进度条和大小if (e.lengthComputable) {var percent = Math.round((e.loaded / e.total) * 100);}file.queueItem.find('.fileinfo').html(' - ' + percent + '%');file.queueItem.find('.progress-bar').css('width', percent + '%');},'onUploadComplete' : function(file, data) {//成功处理if(data){var json=data;$('#savePath').val(json);$('#fileName').val(file.name);}else{console.info("失败");}}
});
后台

/*** @desc 多文件上传* @return*/
@RequestMapping(value="/uploadFilesWithRealName")
@ResponseBody
public String uploadFilesWithRealName(MultipartHttpServletRequest request, @MatrixVariable(required=false) String jsessionid) {List<String> filePaths = new ArrayList<>();try {List<MultipartFile> files = request.getFiles("uploadify");for (int i = 0; i < files.size(); i++) {MultipartFile file = files.get(i);// 把文件上传到临时文件夹String filePath = FileUtil.saveFileToTempDir(file.getInputStream(), file.getOriginalFilename(), true);String aesPath = URLEncoder.encode(AESUtil.getInstance().encrypt(filePath), Constants.CHAR_ENCODING_UTF8);filePaths.add(aesPath);}return StringUtils.join(filePaths, ",");// 回传数据失败的时候} catch (Exception e) {e.printStackTrace();return null;}
}

uploadifive上传，无需flash插件案列相关推荐

bootstrap-fileinput上传文件的插件使用总结----编辑已成功上传过的图片
http://plugins.krajee.com/file-plugin-methods-demo 具体操作 http://plugins.krajee.com/file-preview-manag ...
swfupload 实例 php,文件上传之SWFUpload插件（代码）
下面通过一段代码给大家演示下,主要分为1.前台文件index.html和 2.后台文件upload.php.具体代码如下所示: 1.前台文件index.html SWFUpload var swfu; ...
filezilla 设置filezilla使用明文密码_详解WordPress使用FTP上传主题和插件
在这里,我将默认大家对服务器知识一无所知,讲的会特别细,所以,你如果搞不懂如何使用FTP的话,这篇文章应该能帮到你. 使用FTP上传文件,就必须选择一款FTP软件.下面先说下FTP工具有哪些. FTP ...
Extjs 扩展Htmleditor，支持图片上传文件上传插入flash 插入多媒体插入层插入横线等功能...
去年对Extjs的富文本框编辑器htmleditor做过扩展,扩展成图片上传和文件上传功能,感觉功能还是不够,原文如下: http://hi.baidu.com/jackvoilet/blog/ite ...
Extjs 扩展Htmleditor，支持图片上传文件上传插入flash 插入多媒体插入层插入横线等功能
最近在做项目的时候感觉还是不完美,于是在此基础上又进行了扩展,目前CJ_StarHtmlEditor支持: 图片上传文件上传插入flash 插入多媒体插入层插入横线等功能,基本上能够满足要求了 ...
基于JQUERY使用FLASH的AJAX上传进度条插件uploadify
无论是做个人产品还是商业产品,一个好的用户体验必然给用户留下比较深刻的影响,文件上传功能就是必不可少的一个用户体验. 比如现在一个使用场景: 一个电子商城,用户每次都要提交表单信息,每一次提交表单信息 ...
kindeditor自定义添加网络视频插件，修改批量图片上传方式flash为h5
先看效果再看文章: 点击下载文件到项目中,kindeditor.zip 修改返回的url: diyUpload.js 修改服务器url: multi_image.js kindeditor参数: up ...
7、jQuery插件之uploadify文件上传(基于flash)
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...
Uploadify/uploadifive上传(中文文档)
Uploadify 是一款基于 JQuery 的优秀的文件/图片上传的插件,有基于Flash和HTML5两种版本. Uploadify/uploadifive主要特点有: 1. 多文件上传 ...

uploadifive上传，无需flash插件案列

uploadifive上传，无需flash插件案列相关推荐

最新文章

热门文章