`

uploadify上传文件实例

阅读更多
以Maven和SpringMVC为例。

1. 上官网http://www.uploadify.com/下载flash版本的uploadify压缩包。解压缩到WEB-INF/resources/里面。


2. 写后台


package com.lj.cms.dto;

/**
 * 专门用来返回Ajax
 * @author Administrator
 *
 */
public class AjaxObj {
	/**
	 * 0表示失败, 1表示成功
	 */
	private int result;
	
	/**
	 * 提示消息
	 */
	private String message;
	
	/**
	 * 附加对象, 用来存储一些特定的返回信息
	 */
	private Object obj;

	public int getResult() {
		return result;
	}

	public void setResult(int result) {
		this.result = result;
	}

	public String getMessage() {
		return message;
	}

	public void setMessage(String message) {
		this.message = message;
	}

	public Object getObj() {
		return obj;
	}

	public void setObj(Object obj) {
		this.obj = obj;
	}
	
	public AjaxObj() {
		this.result=1;
	}

	public AjaxObj(int result, String message, Object obj) {
		this.result = result;
		this.message = message;
		this.obj = obj;
	}

	public AjaxObj(int result, String message) {
		this.result = result;
		this.message = message;
	}

	public AjaxObj(int result) {
		super();
		this.result = result;
	}
	
	
	
}




	/**
	 * 返回AjaxObj对象 。
	 * @return
	 * @throws IOException 
	 */
	@RequestMapping("/upload") //返回的是json类型的值, 而uplodify只能接受字符串
	public @ResponseBody AjaxObj upload(MultipartFile attach) throws IOException{
	 	System.out.println(attach.getOriginalFilename());
	 	return new AjaxObj(1);
	}


这里返回的是text类型的文件, jsp页面中要将其转换成json格式。

3. 写一个upload.jsp文件,如下:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<link rel="stylesheet" type="text/css"
	href="<%=path%>/resources/uploadify/uploadify.css" />

<script type="text/javascript"
	src="<%=path%>/resources/js/jquery-1.9.0.js"></script>

<script type="text/javascript"
	src="<%=path%>/resources/uploadify/jquery.uploadify.js"></script>



<script type="text/javascript">
	$(function() {
		var path = $("#ctx").val();
		 
		 
		$("#attach").uploadify({
			swf : path + "/resources/uploadify/uploadify.swf",
			uploader : "upload",
			fileObjName : "attach",
			height : 30,
			width : 120,
			auto:false,
			fileSizeLimit:'50MB',
			fileTypeExts:"*.jpg;*.avi;*.wmv;*.txt;*.doc",
			onUploadSuccess:function(file,data,response){
			    var ao=$.parseJSON(data);
				if(ao.result==1){
				alert("文件 "+file.name+" 成功上传");}
			}
		});
		
		
		$("#upload").click(function(){
			$("#attach").uploadify("upload","*");
			
		});
		 
	//	console.log($.ajax("upload")); 

	});
</script>

</head>

<body>
	<input type="hidden" id="ctx" value="<%=path%>">
	<input type="file" id="attach" value="" />
	<input type="button" id="upload" value="点击上传">
</body>
</html>



这里要导入jquery, uploadify的js和css文件。


分享到:
评论

相关推荐

    uploadify多文件上传例子代码

    本示例代码是关于如何使用uploadify在Java环境中(通过jsp和servlet)实现多文件上传的一个实例。 首先,uploadify是一个基于jQuery的插件,它的核心功能是通过Flash或HTML5技术提供了一种友好的用户界面,让用户...

    uploadify批量上传实例

    这个实例展示了如何在项目中有效地集成Uploadify,以提供用户友好的文件上传体验。以下是对Uploadify批量上传实例的详细解读: 1. **Uploadify介绍**: Uploadify是一个基于Flash和jQuery的开源文件上传组件,它...

    HTML5 PHP jquery uploadify上传文件

    HTML5 PHP jquery uploadify上传文件,带进度条,author:吕大豹。仿照uploadify写的,www.codesc.net已做过修正,本例的配置参数均与uploadify官网一致,参照官网的api就可以了,直接把文件夹上传到支持php的服务器...

    uploadify3.2文件上传demo

    【uploadify3.2文件上传demo】是一个基于Web的文件上传解决方案,主要使用了Uploadify插件,这个插件能够实现非阻塞式的文件上传,为用户提供了良好的交互体验。在该示例中,Uploadify3.2版本被应用于一个项目环境中...

    uploadify文件异步上传

    在“uploadify 文件异步上传 实现qq邮箱异步上传 0积分”的场景下,我们可以理解为这个示例可能展示了如何将Uploadify集成到QQ邮箱中,以支持用户快速、便捷地上传附件。 1. **Uploadify的基本概念**: Uploadify ...

    uploadify上传文件HTTP ERROR

    "uploadify上传文件HTTP ERROR"这个标题指向了一个特定的问题,即用户在尝试使用Uploadify插件进行文件上传时遇到了HTTP错误。Uploadify是一款流行的JavaScript插件,它允许用户通过异步方式上传文件到服务器,提供...

    spring mvc uploadify上传文件

    在本文中,我们将深入探讨如何使用Spring MVC框架与uploadify插件进行文件上传,特别是针对图片的上传。Spring MVC是Spring框架的一部分,专门用于构建Web应用程序,而uploadify是一款前端JavaScript插件,使得用户...

    uploadify大文件上传

    这个JQueryUploadDemo就是一个示例项目,展示了如何利用jQuery和Uploadify实现大文件的上传。 1. **分块上传**:Uploadify支持大文件的分块上传。当上传文件超过服务器或浏览器的限制时,它会将大文件分割成多个...

    C# uploadify文件上传.zip

    这个压缩包“C# uploadify文件上传.zip”很可能是包含了一个完整的示例项目,帮助开发者了解如何在C# ASP.NET应用中集成Uploadify以实现文件上传。 Uploadify的主要优点在于它支持多文件选择、进度条显示以及错误...

    uploadify3.2实现文件上传

    接着,你需要为你的文件输入元素(`&lt;input type="file"&gt;`)添加一个特定的ID,并在JavaScript中初始化Uploadify实例。例如: ```html ``` ```javascript $(document).ready(function() { $('#fileInput')....

    多文件上传之uploadify

    《多文件上传之Uploadify详解》 在当前的互联网应用中,用户经常需要上传多个文件,比如图片、文档等。为了提高用户体验,多文件上传功能变得尤为重要。Uploadify是一款广泛使用的JavaScript插件,它允许用户方便地...

    Uploadify大文件(带进度条)上传实例 C# ASP.net

    本实例主要针对C# ASP.NET平台,教你如何利用Uploadify实现大文件的分块上传,并且带有实时的上传进度反馈。 首先,Uploadify的工作原理是将大文件分割成多个小块,然后逐个上传这些小块,最后在服务器端将这些小块...

    PHP+UploadiFy批量上传文件

    在本文中,我们将深入探讨如何使用PHP和UploadiFy实现批量文件上传功能。UploadiFy是一款流行的JavaScript插件,它使得在Web应用程序中实现文件上传变得简单易行,而PHP作为服务器端语言,是处理这些上传请求的理想...

    Uploadify上传示例

    总结来说,"Uploadify上传示例"是一个演示如何在myeclipse8.5中使用jQuery Uploadify插件进行文件上传的实例。它涉及到的技术包括jQuery插件开发、异步上传、Flash/SWF交互、事件处理、参数配置以及服务器端处理,是...

    asp.net Uploadify 多文件上传 Jquery 多文件上传 Jquery+flash 多文件上传

    Jquery 多文件上传,jquery+flash 多文件上传,界面美观, 很炫的上传组件,支持中文! 本实例经过严格测试,保证能正常使用!网上其他好多实例都不能正常运行。 uploadify是一款容量小、功能强的Js批量上传工具,...

    .net jQuery上传插件Uploadify 文件 上传 实例,简单易懂

    Uploadify是一款基于JavaScript和Flash的文件上传组件,它允许用户通过拖拽或选择文件的方式,实现多文件同时上传,具有进度条显示、自定义样式、错误提示等丰富的功能,极大地提升了用户体验。 首先,我们来深入...

    thinkphp+uploadify上传实例

    这个“thinkphp+uploadify上传实例”旨在演示如何结合两者实现高效且用户友好的文件上传功能。 首先,我们需要了解`ThinkPHP`的基础。它是一个轻量级的PHP框架,遵循敏捷开发的原则,具有良好的文档支持和丰富的...

    jsp调用uploadify文件上传插件实现文件快速上传.rar

     uploadify是一个与jquery和flash结合实现的上传程序,界面挺漂亮,用起来也方便,不过浏览器需要安装有Flash插件,好像现在这几年,浏览器对flash插件的支持感觉没前几年好了,这可能会对uploadify上传插件的正常...

    uploadify异步文件上传插件

    Uploadify是一款广泛应用于Web开发中的异步文件上传插件,它极大地优化了用户在网站上上传文件的体验。异步上传技术使得文件上传无需等待整个文件传输完成即可继续执行其他操作,提高了交互效率,减轻了服务器压力。...

Global site tag (gtag.js) - Google Analytics