SWFupload+servlet 实现多图片上传

最新推荐文章于 2021-07-09 10:50:59 发布
最新推荐文章于 2021-07-09 10:50:59 发布
阅读量110 收藏
点赞数
分类专栏： SWFupload 文章标签： SWFupload servlet 多图片上传 进度条 鼠标拖动层
目标
1.使用 swfuplaod3.5+servlet 实现多图片上传

效果图:
注:
1. 里面有遮罩层
2. 谈出的层可以拖动
3. 加入了进度条
4. 里面采用jquery 注意引用js
5. google. firefox ie 测试通过
6. 在"允许用户同时上传 20 张图片，单张图片容量不超过1 MB" 上面有个 错误信息层(用于显示上传结果,加载swfupload失败 等详情分析handlers.js)
7. 处理 swfupload 兼容 ie9 上传按钮不出来 问题 ;
8. 红色框:功能主要是在KindEditor中使用(handlers.js 中给注释了)

[img]http://dl.iteye.com/upload/attachment/0078/4423/e0207643-53dc-34f5-8819-ded8b196d316.jpg[/img]

目录:
[img]http://dl.iteye.com/upload/attachment/0078/4431/d725b728-68ea-389b-9c8a-f699ed4d35cb.jpg[/img]

需要的jar
commons-fileupload-1.2.jar
commons-io-1.3.2.jar

index.jsp 

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %> 
<%
	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%>">
<title>文件上传工具V2.1</title>

<link href="${pageContext.request.contextPath}/css/default.css" rel="stylesheet"type="text/css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-latest.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/swfupload.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/handlers.js"></script>

<script type="text/javascript">
	var contextPath="${pageContext.request.contextPath}";
	function startLoad(){
		var url=contextPath+"/servlet/FileUploadServlet.htm?jsessionId=${pageContext.session.id}"; //处理上传的servlet
		var sizeLimit="1 MB";// 文件的大小  注意: 中间要有空格
		var types="*.jpg;*.jpeg;*.gif"; //注意是 " ; " 分割 
		var typesdesc="web iamge file"; //这里可以自定义
		var uploadLimit=20;  //上传文件的 个数
		initSwfupload(url,sizeLimit,types,typesdesc,uploadLimit);
	}
</script>
</head>
<body>
<center>
<input type="button" onclick="startLoad()" value="批量图片上传"/></center>
</body>
</html>

[color=red]handlers.js[/color] 

var swfu;
var insertAllStatus=true; //全部插入按钮的状态
//初始化 swf
function initSwfupload(url,sizeLimit,types,typsdesc,uploadLimit){
		//初始化界面
		init(uploadLimit,sizeLimit);
		//初始化 swfupload
		var settings={
			// Flash Settings flash9_url :"http://192.168.1.115:8080/bjsearch/js/plugins/multiimage/js/swfupload_fp9.swf",
			flash_url : contextPath+"/js/swfupload.swf",
			file_post_name:"filedata",

			upload_url: url,// contextPath+"/servlet/FileUploadServlet.htm?jsessionId=${pageContext.session.id}",
			post_params: {"name" : "test"},

			// File Upload Settings
			file_size_limit : sizeLimit,  	// 1000MB
			file_types : types,    //*.*
			file_types_description : typsdesc,//"Web Image Files",
			file_upload_limit : uploadLimit,//20
			file_queue_limit : 0,

			file_queue_error_handler : fileQueueError,
			file_dialog_complete_handler : fileDialogComplete,//选择好文件后提交
			file_queued_handler : fileQueued,
			swfupload_load_failed_handler : swfUploadLoadFailed, //swf 加载失败
			swfupload_loaded_handler : swfUploadLoaded,  //swf 加载完成

			upload_start_handler: uploadStart,
			upload_progress_handler : uploadProgress,
			upload_error_handler : uploadError,
			upload_success_handler : uploadSuccess,
			upload_complete_handler : uploadComplete,

			// Button Settings
			button_image_url : contextPath+"/images/select-files-zh_CN.png",
			button_placeholder_id : "buttonPlaceholder",
			button_width: 72,
			button_height: 23,
			button_text : '<span style="display:block;"></span>',
			custom_settings : {
				photoContainer_Id   : "photoContainer",  	//图片的容器id
				btnUpload_ID		: "btnUpload",          //上传按钮
				insertAll_Id		: "insertAll", 			//全部插入
				clearAll_Id			: "clearAll", 			//全部清空
			   	errorMsg_Id			: "errorMsg",  			//错误信息
			  	errorMsg_fadeOutTime: 2000  				//错误信息谈出的时间
			},
			// Debug Settings
			debug: false,   //是否显示调试窗口
			auto_upload:false
		};
	try{
		//等 1秒后初始化 swf
		setTimeout(function (){swfu = new SWFUpload(settings);},1000);
	}catch (ex) {
		var message='<div id="divAlternateContent" style="background-color: #FFFF66; text-align:center;">'
			+'<font color="red">工具加载失败,请刷新再试!</div>';
		addErrorMsg(message,false);
		this.debug(ex);
	}

}
//初始化 界面
function init(uploadLimit,sizeLimit){
	if($(".ke-dialog-upload").length>0){
		$(".ke-dialog-upload").remove();
	}
	var uploadbody='<div id="uploadBody" class="ke-dialog-upload">'
		+'<div id="uploadHead" class="ke-dialog-upload-head">'
		+'  <div style="float: left">批量图片上传</div><div id="iconClose" class="ke-dialog-icon-close" title="关闭"></div><div style="clear: both"></div>'
		+'	</div>'
		+'	<!--content-->'
		+'	<div class="ke-dialog-content">'
		+'		<div class="ke-dialog-content-head">'
		+'		  <div id="errorMsg" class="ke-dialog-content-error"></div>'
		+'		  <div id="swfbuttonParent" class="ke-swfupload-button"><span id="buttonPlaceholder" /></div>'
		+'		  <div class="ke-inline-block ke-swfupload-desc">允许用户同时上传 <font color="red">'+uploadLimit+'</font> 张图片，单张图片容量不超过<font color="red">'+sizeLimit+'</font></div>'
		+'			<div class="ke-button-common ke-button-outer ke-swfupload-startupload"><input id="btnUpload" type="button" class="ke-button-common ke-button" value="开始上传"></div>'
		+'			<div style="clear: both;"></div>'		
		+' 		</div>'
		+'		<div id="photoContainer" class="ke-swfupload-body">'
		+'		</div>'
		+'	</div>'
		+'	<!--bottom-->'
		+'	<div class="ke-dialog-footer">'
		+'	<span class="ke-button-common ke-button-outer" title="全部插入"><input id="insertAll" class="ke-button-common ke-button" type="button" value="全部插入"></span>'
		+'	<span class="ke-button-common ke-button-outer" title="全部清空"><input id="clearAll" class="ke-button-common ke-button" type="button" value="全部清空"></span>'
		+'	<span class="ke-button-common ke-button-outer" title="取消"><input id="btncancel" class="ke-button-common ke-button" type="button" value="取消"></span></div>'
		+'	</div> '
		+'<div style="display: block; width: 1903px; height: 12702px; position: absolute; left: 0px; top: 0px; z-index: 811212;" class="ke-dialog-mask"></div>';
	$('body').append(uploadbody);
	$("#iconClose").bind("click",{uploadBodyId:'uploadBody'},iconClose);
	$("#btncancel").bind("click",{uploadBodyId:'uploadBody'},iconClose);

//处理 鼠标拖动层
	var dragging = false;
	var iX, iY;
	$("#uploadHead").mousedown(function(e) {
		dragging = true;
		iX = e.clientX - this.offsetParent.offsetLeft;
		iY = e.clientY - this.offsetParent.offsetTop;
		return false;
	});
	document.onmousemove = function(e) {
		if (dragging) {
			var e = e || window.event;
			var oX = e.clientX - iX;
			var oY = e.clientY - iY;
			$("#uploadBody").css({"left":oX<0?0:oX + "px", "top":oY<0?0:oY + "px"});
			return false;
		}
	};
	$(document).mouseup(function(e) {
		dragging = false;
		e.cancelBubble = true;
	});
}
/**
 * 当文件选择对话框关闭消失时，如果选择的文件成功加入上传队列，
 * 那么针对每个成功加入的文件都会触发一次该事件（N个文件成功加入队列，就触发N次此事件）。
 * @param {} file
 * id : string,			    // SWFUpload控制的文件的id,通过指定该id可启动此文件的上传、退出上传等
 * index : number,			// 文件在选定文件队列（包括出错、退出、排队的文件）中的索引，getFile可使用此索引
 * name : string,			// 文件名，不包括文件的路径。
 * size : number,			// 文件字节数
 * type : string,			// 客户端操作系统设置的文件类型
 * creationdate : Date,		// 文件的创建时间
 * modificationdate : Date,	// 文件的最后修改时间
 * filestatus : number		// 文件的当前状态，对应的状态代码可查看SWFUpload.FILE_STATUS 
 */

// 关闭 /取消 按钮 事件
function iconClose(event){
	if(typeof swfu != 'undefined' || swfu!=null){
		swfu.destroy();
	}
	$("#"+event.data.uploadBodyId).remove();
	$(".ke-dialog-mask").remove();
	insertAllStatus=true;
}

//全部清空
function clearUpload(){
	$("div[id^='SWFUpload_']").each(function(i,obj){
		deleteFile($(obj).attr('id'));
	});
}
// 全部插入
function insertAllevent(){
	//alert(swfu.getStats().successful_uploads);//successful_uploads
	$("img[data-status='0']").each(function(i,obj){
			var showimg = new Image();
		  	showimg.src=$(obj).attr("src");
			var width = showimg.width;
			var height = showimg.height;
			var title=$(obj).attr("title");
			var url=$(obj).attr("src");
			//KE.plugin['multiimage'].insert("ArticleBody",url, title,width,height,"0","");
	});
	$("#iconClose").trigger("click");
}

// 添加错误信息
function addErrorMsg(message,isFadeOut){
	$("#"+swfu.customSettings.errorMsg_Id).empty().html(message);
	if(isFadeOut){
		setTimeout(function () {
			$("#"+swfu.customSettings.errorMsg_Id).children().fadeOut(1000);
		},parseInt(swfu.customSettings.errorMsg_fadeOutTime));
	}
}

//鼠标 移入 移出的 背景效果
function photoMouseOver(){
	$(this).addClass("ke-on");
}
function photoMouseOut(obj){
	$(this).removeClass("ke-on");
}

//swf 准备加载  为使用
function swfUploadPreLoad() {
	var self = this;
	var loading = function () {
		var longLoad = function () {
			document.getElementById("divLoadingContent").style.display = "none";
			document.getElementById("divLongLoading").style.display = "";
		};
		this.customSettings.loadingTimeout = setTimeout(function () {
				longLoad.call(self)
			},
			15 * 1000
		);
	};

	this.customSettings.loadingTimeout = setTimeout(function () {
			loading.call(self);
		},
		1*1000
	);
}

//swf 加载失败
function swfUploadLoadFailed() {
	//clearTimeout(this.customSettings.loadingTimeout);
	var message='<div id="divAlternateContent" style="background-color: #FFFF66; text-align:center;">'
			+'[url=http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash]<font color="red">请安装或者升级您的Flash插件!</font>[/url]</div>';
	addErrorMsg(message,false);
}

//swf 加载 完成
function swfUploadLoaded() {
	//var self = this;
	//clearTimeout(this.customSettings.loadingTimeout);
	addErrorMsg("",false);
	$("#"+this.customSettings.btnUpload_ID).click(function (){swfu.startUpload()});
}


 //每次被加入 到列队中
function fileQueued(file){
	addReadyFileInfo(file.id,file.name,"等待上传");
}

//文件对话框选择完成
function fileDialogComplete(numFilesSelected, numFilesQueued) {
	try {
		if (numFilesQueued > 0) {
			$("#"+this.customSettings.clearAll_Id).bind("click",clearUpload);
		}
		if(this.settings.auto_upload){//是否要上传
			this.startUpload();
		}
	} catch (ex) {
		this.debug(ex);
	}
}
//都加入列队中 的错误信息
function fileQueueError(file, errorCode, message) {
	try {
		switch (errorCode) {
		case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:
			message = "<font color='red'>数量超过"+swfu.getSetting('file_upload_limit')+"张啦!</font>";
			break;
		case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
			message =  "<font color='red'>文件超过"+swfu.getSetting('file_size_limit')+"啦!</font>";
			break;
		case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
			message = "<font color='red'>文件不能为空哦!";
		case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
			message = "<font color='red'>文件格式只能为"+swfu.getSetting('fileTypes')+"!</font>";
			break;
		default:
			message="<font color='red'>选择文件发生错误!"+"</font>";
			return;
		}
		addErrorMsg(message,true);
		//addReadyFileInfo(file.id,file.name,"上传错误")+"</font>";
	} catch (ex) {
		this.debug(ex);
	}
}


// 开始上传 
function uploadStart(file){
	$("#"+file.id).find(".ke-progressbar").css("display","block");
	$("#"+file.id).find(".ke-message").css("display","none");		
}
// 上传的进度
function uploadProgress(file, bytesLoaded) {
	try {
		var percent = Math.ceil((bytesLoaded / file.size) * 100);

		if(percent>100){
			percent=100;
		}
		var progress = new FileProgress(file);
		progress.setProgress(percent);
		if (percent === 100) {
			//progress.setStatus("建缩略图...");//正在创建缩略图...
			//progress.toggleCancel(false, this);
		}else {
			progress.setStatus("正在上传...");
			progress.toggleCancel(true, this);
		}
	}catch (ex) {
		this.debug(ex);
	}
}

// 上传到服务器后 的放回信息
function uploadSuccess(file, serverData) {
	try {
		var progress = new FileProgress(file);

		var data = eval("(" + serverData + ")");
		$("#"+file.id).find(".ke-img").attr("data-status",data.status);
		if (data.status == 0 || data.status == "0") {
			$("#"+file.id).find(".ke-img").attr("src",contextPath+data.message);
			progress.setStatus("上传成功");
			progress.toggleCancel();
			if(insertAllStatus){
				if(swfu.getStats().successful_uploads>0){
					$("#"+swfu.customSettings.insertAll_Id).bind("click",insertAllevent);
				}
				insertAllStatus=false;
			}
			return;
		}else if(data.status == 1 || data.status == "1"){
			progress.setStatus("上传失败");
		}else if(data.status == 2 || data.status == "2"){
			progress.setStatus("格式不对");
		}else if(data.status == 3 || data.status == "3"){
			progress.setStatus("文件超大");
		}else if(data.status == 4 || data.status == "4"){
			progress.setStatus("文件为空");
		}else if(data.status == 5 || data.status == "6"){
			progress.setStatus("路径不对");
		}else{
			progress.setStatus("上传失败");
		}
		progress.toggleCancel(false);
	} catch (ex) {
		this.debug(ex);
	}
}

// 选择文件后 添加到 操作层中
function addReadyFileInfo(fileid,fileName,message){
	var photoDiv='<div class="ke-inline-block ke-item" id="'+fileid+'">'
            +'<div class="ke-inline-block ke-photo" style="height:80px; width:80px;">'
			+'	[img]'+contextPath+'/images/image.png" class="ke-img" data-status="-1" width="80" height="80[/img]'
			+'		<span class="ke-delete"></span>'
           	+'			<div class="ke-status">'
            +'				<div class="ke-progressbar" style="display: none;">'
			+'          		 <div class="ke-progressbar-bar">'
            +'               	 	<div class="ke-progressbar-bar-inner"></div>'
            +'           		 </div>'
            +'            		<div class="ke-progressbar-percent">0%</div>'
            +'        		 </div>'
            +'				<div class="ke-message">'+message+'</div>'
            +'   	 	</div>'
            +'    	</div>'
            +'  <div class="ke-name" alt="'+fileName+'">'+fileName+'</div>'
        	+'</div>';

	$("#"+swfu.customSettings.photoContainer_Id).append(photoDiv);
	$("#"+fileid).find(".ke-photo").bind("mouseover",photoMouseOver).bind("mouseout",photoMouseOut);
	$("#"+fileid).find(".ke-delete").bind("click",function(){deleteFile(fileid)});
}


// 删除 单个文件 
function deleteFile(fileId){
	$("#"+fileId).remove();
	swfu.cancelUpload(fileId,false);
}

// 单个 文件上传完  
function uploadComplete(file) { 
	try {
		/*  I want the next upload to continue automatically so I'll call startUpload here */
		if (this.getStats().files_queued > 0) {
			this.startUpload();
		}
	} catch (ex) {
		this.debug(ex);
	}
}
//上传的错误
function uploadError(file, errorCode, message) {
	var message =  "<font color='red'>文件上传出错!</font>";
	var progress = new FileProgress(file);
	var flag=false;
	try {
		switch (errorCode) {
		case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED:
				progress.setStatus("取消上传");
				progress.toggleCancel(false);
				break;
		case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED:
				progress.setStatus("停止上传");
				progress.toggleCancel(true);
		case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
				progress.setStatus("文件超大");
				progress.toggleCancel(false);
				break;
		default:
			addErrorMsg(message,true);
			break;
		}
		//addFileInfo(file.id,imageName);
	} catch (ex3) {
		this.debug(ex3);
	}

}

// 根据 src 添加 图片
function addImage(src) {
	var newImg = document.createElement("img");
	newImg.style.margin = "5px";

	//document.getElementById("thumbnails").appendChild(newImg);
	if (newImg.filters) {
		try {
			newImg.filters.item("DXImageTransform.Microsoft.Alpha").opacity = 0;
		} catch (e) {
			// If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
			newImg.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + 0 + ')';
		}
	} else {
		newImg.style.opacity = 0;
	}

	newImg.onload = function () {
		fadeIn(newImg, 0);
	};
	newImg.src = src;
}

function fadeIn(element, opacity) {
	var reduceOpacityBy = 5;
	var rate = 30;	// 15 fps


	if (opacity < 100) {
		opacity += reduceOpacityBy;
		if (opacity > 100) {
			opacity = 100;
		}

		if (element.filters) {
			try {
				element.filters.item("DXImageTransform.Microsoft.Alpha").opacity = opacity;
			} catch (e) {
				// If it is not set initially, the browser will throw an error.  This will set it if it is not set yet.
				element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + opacity + ')';
			}
		} else {
			element.style.opacity = opacity / 100;
		}
	}

	if (opacity < 100) {
		setTimeout(function () {
			fadeIn(element, opacity);
		}, rate);
	}
}

/* ******************************************
 *	This event comes from the Queue Plugin
 * ****************************************** */
function queueComplete(numFilesUploaded) {
	 //this.getStats().successful_uploads;
}

/* ******************************************
 *	FileProgress Object
 *	Control object for displaying file info
 * ****************************************** */

function FileProgress(file) {
	var fileID = file.id;
	this.fileProgressWrapper = $("#"+file.id).find(".ke-status"); //document.getElementById(this.fileProgressID);
	if (!this.fileProgressWrapper) {
		fadeIn(this.fileProgressWrapper, 0);
	}
}

FileProgress.prototype.setProgress = function (percentage) {
	$(this.fileProgressWrapper).find(".ke-progressbar-bar-inner").css("width",percentage + "%");
	$(this.fileProgressWrapper).find(".ke-progressbar-percent").text(percentage + "%");
};

FileProgress.prototype.setComplete = function () {
	$(this.fileProgressWrapper).find(".ke-progressbar-bar-inner").css("width","");
};

FileProgress.prototype.setCancelled = function () {
	$(this.fileProgressWrapper).find(".ke-progressbar-bar-inner").css("width","");
};

FileProgress.prototype.setStatus = function (status) {
	$(this.fileProgressWrapper).find(".ke-message").text(status);
};

FileProgress.prototype.toggleCancel = function (show) {
	if(typeof show =='undefined'){
		$(this.fileProgressWrapper).find(".ke-progressbar").css("display", "none");
		$(this.fileProgressWrapper).find(".ke-message").css("display","none";)
	}else{
		$(this.fileProgressWrapper).find(".ke-progressbar").css("display", show ? "block" : "none");
		$(this.fileProgressWrapper).find(".ke-message").css("display", show ? "none" : "block");
	}
};


[color=red]//处理 ie 9 的兼容性 找到这个方法 修改下就可以了[/color]
swfuplaod.js 

// Private: getFlashHTML generates the object tag needed to embed the flash in to the document
SWFUpload.prototype.getFlashHTML = function () {
	// Flash Satay object syntax: http://www.alistapart.com/articles/flashsatay
	var classid = '';
	if (KindEditor.IE && KindEditor.V > 8) {
		classid = ' classid = "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"';
	}
	return ['<object id="', this.movieName, '"' + classid + ' type="application/x-shockwave-flash" data="', this.settings.flash_url, '" width="', this.settings.button_width, '" height="', this.settings.button_height, '" class="swfupload">',
				'<param name="wmode" value="', this.settings.button_window_mode, '" />',
				'<param name="movie" value="', this.settings.flash_url, '" />',
				'<param name="quality" value="high" />',
				'<param name="menu" value="false" />',
				'<param name="allowScriptAccess" value="always" />',
				'<param name="flashvars" value="' + this.getFlashVars() + '" />',
				'</object>'].join("");
};


//简单的处理 文件上传
[color=red]FileUploadServlet.java[/color] 

package com.sh.common;

import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.Iterator;
import java.util.List;
import java.util.UUID;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileItemFactory;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

import com.sun.org.apache.xml.internal.security.exceptions.Base64DecodingException;
import com.sun.org.apache.xml.internal.security.utils.Base64;


public class FileUploadServlet extends HttpServlet {

	private static final int UPLOAD_SUCCSSS=0;    // "上传文件成功！", 
	private static final int UPLOAD_FAILURE=1;    // "上传文件失败！"), 
	private static final int UPLOAD_TYPE_ERROR=2; // "上传文件类型错误！"), 
	private static final int UPLOAD_OVERSIZE=3;   // "上传文件过大！"),
	private static final int UPLOAD_ZEROSIZE=4;   // "上传文件为空！"),
	private static final int UPLOAD_NOTFOUND=5;   // "上传文件路径错误！")


	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		doPost(request,response);
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		response.setContentType("text/html; charset=UTF-8");

		PrintWriter out=response.getWriter();
		 String rootPath = request.getParameter("rootPath");  

		 String param = request.getParameter("param");

		 if(rootPath == null) rootPath = "";  
		    rootPath = rootPath.trim();  
		 if(rootPath.equals("")){  
			 rootPath = this.getServletContext().getRealPath("");  
		 }  

		 //上传操作  
		  FileItemFactory factory = new DiskFileItemFactory();  
		  ServletFileUpload upload = new ServletFileUpload(factory);  
		  upload.setHeaderEncoding("UTF-8");  
		  try{  
		      List items = upload.parseRequest(request);  
		      if(null != items){  
		          Iterator itr = items.iterator();  
		          while(itr.hasNext()){  
		              FileItem item = (FileItem)itr.next();
		              if(item.isFormField()){  
		                 continue;  
		              }else{  
		                   //以当前精确到秒的日期为上传的文件的文件名  
		                  SimpleDateFormat sdf=new SimpleDateFormat("yyyyMMddkkmmss"); 
		                  String path="/files";
		                  File savedFile = new File(rootPath+path,item.getName());  
		                  item.write(savedFile); 

		                  out.print("{status:"+this.UPLOAD_SUCCSSS+",message:'"+path+"/"+item.getName()+"'}");
		              }  
		          }  
		      }  
		  }catch(Exception e){  
		      e.printStackTrace();  
		  }

	}

	 /** 
     * new文件名= 时间 + 全球唯一编号 
     * @param fileName old文件名 
     * @return new文件名 
     */  
    private String generateFileName(String fileName) {  
        String uuid=UUID.randomUUID().toString();  
        int position = fileName.lastIndexOf(".");     
        String extension = fileName.substring(position);     
        return uuid + extension;     
    }  
}
麻辣小布叮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
swfupload xss 注入修复
06-28
*swfUpload/Flash/swfupload.swf?movieName=aaa"])}catch(e){(alert)(1)};// *解决swfupload-xss注入，自己项目中遇到的，已经修改 亲测通过 *将文件中的swf文件替换掉项目中的swf文件 *将swfupload.as文件替换掉项目中的as文件 即可
jquery+swfupload+servlet_多文件上传
01-07
**jQuery + SWFUpload + Servlet 多文件上传技术详解** 在Web开发中，用户往往需要上传多个文件，例如图片、文档等。传统的HTML表单上传方式存在诸多限制，如文件大小限制、一次只能上传一个文件等。为了克服这些...
SWFupload的简单使用
踩袅的专栏
08-27 886
不在这里说明swfupload的原理，因为我自己也不是很清楚，只讲怎么用： 首先，在页面中引用SWFUpload.js ，如 ../../swfupload.js">(添加自己的路径) 然后，初始化SWFUpload 及页面配置，如 var swfu;             window.onload = function () {                 swfu
解决kindeditor编辑器因为flash机制导致的图片批量上传按钮看不见的问题
博客不一定要自己做
11-29 6344
因为flash机制导致浏览器里面默认阿牛上传按钮不显示 在他的kindeditor-all.js文件中，对上传图片的objcet标签的父标签的div设置了绝对定位，又重新做了一个按钮的div,把object标签的父标签div定位到我新做的按钮div上，设置object标签的父标签div的透明度opacity：0，如下图 在前台就显示出来了，但在IE浏览器下显示的是白色，如下图 附相关代码...
Extjs3 + swfUpload实现多文件上传控件
diaojuan4354的博客
01-13 395
要在ExrtJS框架实现选择多文件上传，FileUploadField已经无法满足需求，所以采用了swfUpload上传控件，上传窗口如下： 多选文件进行上传（其实是每个文件异步上传），可以中途停止文件上传，移除所选文件等操作。上传窗口代码如下： var ctx = '<%=request.getContextPath()%>'; Ext.onReady(...
swfupload+servlet上传图片 支持多张图片上传
06-06
这里我们将深入探讨SwfUpload与Servlet结合实现图片上传的相关知识点。 1. **SwfUpload组件介绍** SwfUpload 是一个JavaScript库，它通过Flash插件在后台处理文件上传。其优点在于能够在不刷新页面的情况下进行...
SWFUpload+COS 上传组件+servelet 实现大附件上传
03-27
标题中的“SWFUpload+COS 上传组件+servelet 实现大附件上传”是指使用SWFUpload这款JavaScript库，结合腾讯云对象存储服务（COS）以及Servlet技术，来实现大文件的分片上传功能。这是一个常见的Web应用上传方案，...
swfupload完整项目(jsp+servlet+tomcat)
02-10
SwfUpload是一个强大的JavaScript库，它允许用户在网页上实现多文件上传功能，尤其适合大文件上传。这个项目集成了JSP、Servlet和Tomcat服务器，提供了完整的开发环境，无需额外配置，方便开发者快速实现文件上传...
SWFUpload实现多文件上传
01-17
SWFUpload是一个开源的JavaScript库，它允许网页在Flash的支持下实现高级的文件上传功能，包括多文件选择、进度条显示、预览等。在Web开发中，尤其是在处理大量图片或者文档上传时，SWFUpload提供了高效且用户体验...
SWFUpload 按钮显示问题
weixin_34292402的博客
01-21 432
问题： 今天遇到一个这样的问题，我用Vs2010打开用SWFUpload上传文件的网页时，按钮显示不出来，试了好多方法，终于被我找到了！ 解决方法： 原来是vs2010自带的Asp.net Development Server 浏览的问题， 只要把网页发布到IIS上运行就没有问题了，记录下来，以防以后出现类似的问题！ ...
文件上传利器SWFUpload入门简易教程(转)
yinbing2020的专栏
03-18 1122
凡做过网站开发的都应该知道表单file的确鸡肋。 Ajax解决了不刷新页面提交表单，但是却没有解决文件上传不刷新页面，当然也有其它技术让不刷新页面而提交文件，该技术主要是利用隐藏的iFrame，较Ajax要麻烦许多，而且其提交方式依然在底层是使用的表单file，这里我们不详谈。而且如果是提交较小的文件，我们能接受，如果提交的文件较大，我们便要忍受很长的等待时间，而浏览器却没有任何提示，我们也没有
解决KindEditor无法安装flash插件实现图片批量上传
nrskhdzl的博客
07-09 3478
由于现在无法下载使用flash插件，导致KindEditor有的功能丧失，无法使用，本文主要解决图片无法批量上传的问题。 由于公司项目是混编项目，比较老旧且业务复杂，使用KindEditor的地方较多，全部整改换插件工作量较大，短期无法满足业务，顾考虑换一种思路实现，即使用jQuery的图片批量上传插件来替换KindEditor中使用flash的部分，从而实现图片批量上传。 KindEditor中实现图片皮来那个还是那个传的代码主要在multiimage.js文件中，直接下载的KindEditor文件夹没有
asp档案管理系统的设计与实现(源代码+论文).rar
08-10
资源包主要包含以下内容： ASP项目源码：每个资源包中都包含完整的ASP项目源码，这些源码采用了经典的ASP技术开发，结构清晰、注释详细，帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码，用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件：为了方便用户更好地理解系统的后台逻辑，每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档，以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境，并了解各个数据表之间的关系和作用。 详细的开发文档：每个资源包都附有详细的开发文档，文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料，使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南：为帮助用户更好地理解和使用这些ASP项目，每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程，使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考：对于正在准备毕业设计的学生来说，这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰，还符合常见的毕业设计要求和标准。通过这些项目，学生可以学习到如何从零开始构建一个完整的Web系统，并积累丰富的项目经验。
简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习
最新发布
08-10
简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习 简历是展示个人经历、技能和能力的重要文档，以下是一个常见的简历格式和内容模板，供您参考： 简历格式： 头部信息：包括姓名、联系方式（电话号码、电子邮件等）、地址等个人基本信息。 求职目标（可选）：简短描述您的求职意向和目标。 教育背景：列出您的教育经历，包括学校名称、所学专业、就读时间等。 工作经验：按时间顺序列出您的工作经历，包括公司名称、职位、工作时间、工作职责和成就等。 技能和能力：列出您的专业技能、语言能力、计算机技能等与职位相关的能力。 实习经验/项目经验（可选）：如果您有相关实习或项目经验，可以列出相关信息。 获奖和荣誉（可选）：列出您在学术、工作或其他领域获得的奖项和荣誉。 自我评价（可选）：简要描述您的个人特点、能力和职业目标。 兴趣爱好（可选）：列出您的兴趣爱好，展示您的多样性和个人素质。 参考人（可选）：如果您有可提供推荐的人员，可以在简历中提供其联系信息。 简历内容模板： 姓名: 联系方式: 地址: 求职目标: （简短描述您的求职意
施耐德ATV61变频器编程手册
08-10
施耐德ATV61变频器编程手册
QorIQ LS1021A Reference Manual Supports LS1020A and LS1022A
08-10
Chapter 1 Overview 1.1 Introduction 1.2 Features summary 1.3 Application examples Chapter 2 Memory Map 2.1 Memory map overview Chapter 3 Signal Descriptions Chapter 4 Reset, Clocking, and Initialization Chapter 5 Interrupt Assignments Chapter 6 Arm Modules Chapter 7 CSU, OCRAM, and MSCM Chapter 8 Interconnect Fabric Chapter 9 Pre-Boot Loader (PBL) Chapter 10 Secure Boot and Trust Architecture Chapter 11 Supplemental Configuration Unit Chapter 12 Device Configuration and Pin Control
ASP.NET项目中使用SWFUpload实现无刷新图片上传
"这篇文章主要介绍了如何在ASP.NET项目中使用SWFUpload实现无刷新上传图片的功能。" SWFUpload 是一款JavaScript库，它允许在浏览器端实现文件（尤其是图片）的无刷新上传。在ASP.NET项目中，通过SWFUpload可以创建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值