uploadify 简单使用

页面代码：

<img id="imgPrew"  src="../images/toTraveller/pic1.jpg" class="avatar-mickey">
<input type="file" name="file_upload" id="file_upload"/><input type="button" onclick="javascript:$('#file_upload').uploadify('upload','*')" value="上传"/>
<input type="button" onclick="javascript:$('#file_upload').uploadify('cancel','*')" value="停止上传"/><script type="text/javascript">$(function(){$('#file_upload').uploadify({'swf':'uploadify/uploadify.swf',//（flash上传插件）,uploadify.css（上传样式表）'uploader':'/traveller/uploadImg','fileObjName':'file_upload','buttonText':"选择图片",//选择文件后自动上传'auto':true,'onUploadSuccess':function(file,data,response){$("#imgPrew").attr("src",data);},'onUploadError':function(file,errorCode,errorMsg,errorString){alert("上传失败");},//检测FLASH失败调用'onFallback':function(){alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");}});});
</script>

Controller代码：

 /*上传头像*/@RequestMapping(value = "/uploadImg",method = RequestMethod.POST)@ResponseBodypublic String uploadImg(@RequestParam("file_upload") CommonsMultipartFile file_upload, HttpServletRequest request,HttpServletResponse response) throws IOException {System.out.println("=====上传图片。。。");//上传文件信息String fileName = file_upload.getOriginalFilename();System.out.println("上传文件名："+fileName);String fileType = fileName.split("[.]")[1];//设置文件保存的本地路径ServletContext servletContext=request.getSession().getServletContext();String realPath=servletContext.getRealPath("images/upload");System.out.println("文件上传路径："+realPath);File file = new File(realPath);if(!file.exists()){file.mkdirs();}//显示文件在磁盘的所有信息DiskFileItem fi = (DiskFileItem)file_upload.getFileItem();System.out.println("文件的磁盘信息："+fi);//存到tomcat中，生成临时文件//File result = fi.getStoreLocation();//System.out.println(result);//System.out.println(result.getPath());//重命名图片String lastName = UUID.randomUUID().toString()+"."+fileType;System.out.println(lastName);//保存文件————具体路径，包括图片全名File f = new File(realPath,lastName);System.out.println(f);//将文件保存到服务器FileCopyUtils.copy(file_upload.getBytes(),f);System.out.println("上传成功！");//返回页面上传文件的路径return "images/upload/"+lastName;}

uploadify 简单使用相关推荐

基于Jquery插件Uploadify实现实时显示进度条上传图片
网址:http://www.jb51.net/article/83811.htm 这篇文章主要介绍了基于Jquery插件Uploadify实现实时显示进度条上传图片的相关资料,感兴趣的小伙伴们可以参考 ...
使用Uploadify实现上传图片生成缩略图例子,实时显示进度条
不了解Uploadify的,先看看前一篇详细说明 http://www.cnblogs.com/XuebinDing/archive/2012/04/26/2470995.html Uploadify ...
jquery uploadify 用法详解
基于jquery的上传插件Uploadify无论在功能.外观.可用性和扩展性上都有不错表现. 简介 Uploadify简单说来,是基于Jquery的一款文件上传插件.它的功能特色总结如下: 支持单文件 ...
推荐一些常用感觉不错的jQuery插件
转:http://www.cnblogs.com/v10258/p/3263939.html JQuery插件繁多,下面是个人在工作和学习中用到感觉不错的,特此记录. UI: jquery UI(官方 ...
20+ 个很棒的 jQuery 文件上传插件或教程（此文值得“推荐”和“收藏”）
文件上传是网站很常见的功能之一,通过使用 jQuery 可以让上传过程更加人性化,更好的用户体验.本文介绍20个jQuery的文件上传插件,其中有一些是教程. 1. Plupload Plupload ...
二十三、【开源】EFW框架Web前端开发之常用组件（FusionCharts图表、ReportAll报表等）
回<[开源]EFW框架系列文章索引> EFW框架源代码下载V1.2:http://pan.baidu.com/s/1hcnuA EFW框架实例源代码下载:http://pan.baidu. ...
uploadify的简单使用
简单的图片上传: 1.进入官网下载uploadify插件:http://www.uploadify.com/download/ 2.导入uploadify插件提供的css样式和类库: <link ...
ASP.NET MVC上传文件----uploadify的使用
课程设计需要实现上传文件模块,本来ASP.NET是有内置的控件,但是ASP.NET MVC没有,所以就有两种方法:自定义和采用第三方插件.由于时间的关系,故采用第三方插件:uploadify. upl ...
Uploadify jquery+falsh+UploadHandler.ashx
官方网:http://www.uploadify.com/ 只有PHP版本对于我们.net的来说是一个遗憾!现在奉献一个c#版本,希望对大家有用. 看代码其实很简单,在做这个之前遇到许多问题,特别是 ...
使用jquery文件上传控件Uploadify来异步上传图片
1.项目中需要图片的异步上传,度娘之后发现有一个插件可以完成这个需求,即是:Uploadify 下面是这个异步上传的插件的一个简单介绍: 基于jquery的文件上传控件,支持ajax无刷新上传,多个文 ...

uploadify 简单使用

uploadify 简单使用相关推荐

最新文章

热门文章