jquery的uploadify上传jsp+servlet
'scriptData' : {'userid':'<%=userID%>'},//传参的时候网上说method要是get,这个我没有测试,用的时候自己调试一下,我这边已经成功了,需要源代码项目的可以留言+邮箱
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ include file="/commons/taglibs.jsp"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String rootpath = request.getContextPath();
long userID = (Long)request.getSession().getAttribute("userID");
//上传url
String sessionId = request.getSession().getId();
StringBuffer uploadUrl = new StringBuffer("http://");
uploadUrl.append(request.getHeader("Host"));
uploadUrl.append(request.getContextPath());
uploadUrl.append("/servlet/UploadSwfTmpPic?sessionId="+sessionId);
//上传url--END
%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>上传</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0"> <!-- 样式及js加载 这儿得注意引入的路径是否正确应用的时候自己多加小心--> <link href="./style/uploadify/default.css" rel="stylesheet" type="text/css" />
<link href="./style/uploadify/uploadify.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="<c:url value="/scripts/jquery.js"/>"></script>
<script type="text/javascript" src="./js/uploadify/swfobject.js"></script>
<script type="text/javascript" src="./js/uploadify/jquery.uploadify.v2.0.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function() { $("#showPic").hide();
$("#uploadify").uploadify({
'uploader' : './js/uploadify/uploadify.swf',
'script' : '<%=uploadUrl.toString()%>',//后台处理的请求
'cancelImg' : './images/cancel.png', //每个文件后面的取消按钮
'folder' : 'uploads',//您想将文件保存到的路径
'queueID' : 'fileQueue',//与下面的id对应
'queueSizeLimit' : 50,
'fileDesc' : '文件格式(*.png;*.jpg;*.gif)',
'fileExt' : '*.png;*.jpg;*.gif', //控制可上传文件的扩展名,启用本项时需同时声明fileDesc
'auto' : true, //是否自动提交
'multi' : false, //是否允许上传多个文件
'simUploadLimit' : 1, //允许同时上传的个数为1
'rollover' : false,//鼠标移到浏览按钮的反应
'method' : 'GET',
'scriptData' : {'userid':'<%=userID%>'},
'buttonText' : 'BROWSE',//BROWSE
'buttonImg' : './js/uploadify/uploadify.jpg',
'hideButton' : true,
'wmode' : 'transparent',
'onComplete': function(event, queueID, fileObj,response,data) {
//后台servlet一定要有返回值,否则会认为不成功,上传进度条也会不消失
if(response != -1){
$("#showPic").show();
var res = response.split("^");
path_pic = res[0];
height_y = res[1];
width_y = res[2];
$('#oimgW').html(width_y);
$('#oimgH').html(height_y);
urlallpic = "<%=rootpath%>/uploadfile/tmpdir/"+path_pic;
}else{
alertWbox($(this), "错误提示", "头像上传失败。", 200, null, 238);
}
},
'onSelect': function(e, queueId, fileObj)
{
//fileQueue
document.getElementById("fileQueue").style.display="";
},
'onError' : function(event, queueID, fileObj)
{
// alert("文件:" + fileObj.name + " 上传失败");
alertWbox($(this), "错误提示", "头像上传失败。", 200, null, 238);
} , 'onAllComplete' : function(event, queueID, fileObj,response,data) {
//所有上传成功的返回返回处理
if(urlallpic != "" ){
document.getElementById("fileQueue").style.display="none";
document.getElementById("showPic").style.display="";
document.getElementById("ferret").src = urlallpic;
document.getElementById("minImg").src = urlallpic;//
// setTimeout("readyPic();",5000);
imgReady(urlallpic, function () {
initcutpic();
});
}
}
})
}); </script>
</head>
<body>
<div id="uploadJqFy">
<div id="fileQueue" style="display:none;"></div>
<input type="file" name="uploadify" id="uploadify" />
<p>仅支持jpg、png、gif格式的图片</p>
</div> </body>
</html>
3.web.xml
<servlet>
<servlet-name>uploadCutpic</servlet-name>
<servlet-class>com.ccsuntel.linkupuser.servlet.user.UploadTmpPhotoServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>uploadCutpic</servlet-name>
<url-pattern>/servlet/UploadSwfTmpPic</url-pattern>
</servlet-mapping>
4.servlet代码
package com.ccsuntel.linkupuser.servlet.user; import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Map; import javax.imageio.ImageIO;
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.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload; import com.ccsuntel.linkupuser.base.Config;
import com.ccsuntel.linkupuser.base.Constant;
import com.ccsuntel.linkupuser.base.dispatch.Base;
import com.ccsuntel.linkupuser.util.Tool;
import com.ccsuntel.linkupuser.util.UploadTool; public class UploadTmpPhotoServlet extends HttpServlet { @Override
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException { } @Override
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
DiskFileItemFactory factory = new DiskFileItemFactory();
// 设置内存缓冲区,超过后写入临时文件 factory.setSizeThreshold(10240000);
// 设置临时文件存储位置 String base = Config.getInstance().getWorkGtmpPath();//this.getServletContext().getRealPath("/")+"files"; File file = new File(base);
if(!file.exists())
file.mkdirs();
factory.setRepository(file);
ServletFileUpload upload = new ServletFileUpload(factory);
// 设置单个文件的最大上传值 upload.setFileSizeMax(10002400000l);
// 设置整个request的最大值 upload.setSizeMax(10002400000l);
upload.setHeaderEncoding("UTF-8");
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
try {
List<?> items = upload.parseRequest(request);
FileItem item = null;
String tpmFilePathName = null;
String savePath = Config.getInstance().getLinkfilesavePath();
Map<String,String> fileNames = new HashMap<String, String>();
for (int i = 0 ;i < items.size(); i++){
item = (FileItem) items.get(i);
// 保存文件 if (!item.isFormField() && item.getName().length() > 0) {
fileNames.put("oldName", item.getName());
String suffixName = item.getName().substring(item.getName().lastIndexOf("."));
String newName=UploadTool.createPhotoID()+suffixName;
fileNames.put("newName", newName);
fileNames.put("fileSize", UploadTool.FormetFileSize(item.getSize()));
//System.out.println(item.getName()+"=="+UploadTool.createPhotoID()+suffixName+"=="+UploadTool.FormetFileSize(item.getSize())+"savePath"+savePath); tpmFilePathName = base + newName;//File.separator item.write(new File(tpmFilePathName));
//UploadTool.removeFile(tpmFilePathName); BufferedImage bufImg = ImageIO.read(new File(tpmFilePathName));
//System.out.print("======"+bufImg.getHeight()+"====="+bufImg.getWidth());
//数据库操作,包图片的路径及其相应的信息保存到数据库,
out.print(newName+"^"+bufImg.getHeight()+"^"+bufImg.getWidth());
}
} //Map<String,String> fileNames = UploadTool.WorkGroupFileUpload(request, Config.getInstance().getLinkfiletmpPath(), Config.getInstance().getLinkfilesavePath()); } catch (FileUploadException e) {
out.print(-1);
e.printStackTrace();
} catch (Exception e) {
out.print(-1);
e.printStackTrace();
}finally{
out.flush();
out.close();
} } }
jquery的uploadify上传jsp+servlet的更多相关文章
- 使用jquery插件uploadify上传文件的方法与疑问
我是学生一枚,专业也不是计算机,但又要用到很多相关技术,所以在技术基础不牢靠的情况下,硬着头皮在做.最近在做一个小项目需要上传图片,而且是需要用ajax的方式.但是利用jquery的ajax方法总会有 ...
- SpringMVC+jquery.uploadify 上传文件
前言 以前用Asp.net MVC+uploadify上传文件,最近学习SpringMVC,所以就用SpringMVC+uploadify做个上传文件的demo. 刚开始用form表单的方式提交,在C ...
- MVC3+jquery Uploadify 上传文件
最近做项目用到了上传图片的功能,以前也写过这类代码,不过都是用传统的file标签,今天整理一个好用的插件Uploadify..都做了一些注释,一看便知. 可以去官网下载最新的:Uploadify下载地 ...
- [Plugin] JQuery.uploadify上传文件插件的使用详解For ASP.NET
URL:http://www.cnblogs.com/xiaopin/archive/2010/01/21/1653523.html 今天下午整理文件上传的例子,感觉收集到的例子都很不人性话,后来找到 ...
- CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架:
19:29 2016/3/10CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架:项目主路径:F:\wamp\www\graduationPr ...
- jQuery.uploadify-----文件上传带进度条,支持多文件上传的插件
借鉴别人总结的uploadify:基于jquery的文件上传插件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,控制文件上传大小,删除已上传文件. uploadify有两个版本,一个用f ...
- Uploadify 上传文件插件详解
Uploadify 上传文件插件详解 Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中 ...
- Uploadify上传Excel到数据库
前两章简单的介绍了Uploadify上传插件的基本使用和相关的属性说明.这一章结合Uploadify+ssh框架+jquery实现Excel上传并保存到数据库. 以前写的这篇文章 Jq ...
- uploadify上传控件使用
uploadify是JQuery的一个上传插件,实现的效果非常不错,并且带进度显示,我将给大家演示如何使用uploadify进行图片上传, 1.点我下载http://www.uploadify.com ...
随机推荐
- [Mugeda HTML5技术教程之9]使用元件
元件是一个可以在舞台上实例化和再利用的预先生成的独立动画.一个元件有它自己的时间轴(层,单位等),可以独立显示的动画.元件提高了动画的重用性和灵活性,是个强大的存在.元件可用于创建复杂的动画效果. 所 ...
- linux pc syncy安装问题
linux pc 上安装syncy遇到的坑 pycurl安装可以指定curl-config,这个是根据自己机器libcurl安装位置确定,不在默认位置时要指定:python setup.py inst ...
- 让C程序更高效的10种方法
http://blog.jobbole.com/1198/ 代码之美,不仅在于为一个给定问题找到解决方案,而且还在代码的简单性.有效性.紧凑性和效率(内存).代码设计比实际执行更难 .因此,每一个程序 ...
- FJ省队集训最终测试 T3
思路:状态压缩dp,f[i][j[[k]代表i行j列这个格子,连续的状态为k,这个连续的状态是什么?就是下图 X格子代表我当前走到的地方,而这里的状态就是红色部分,也就是连续的一段n的状态,我们是分每 ...
- 智能卡安全机制比较系列(四) PayFlex
PayFlex是斯伦贝谢公司(经过若干整合现在是金雅拓的一部分)在上世纪90年代推出的一款电子钱包支付COS,从功能上看可以说PayFlex是EMV96以及PBOC电子钱包规范的雏形. PayFlex ...
- b/s客户端和服务器的交互(转)
原文:http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/ 作为一个软件开发者,你一定会对网络应用如何工作有 ...
- webservice的几个简单概念
1.什么是JAX-WS? http://baike.baidu.com/view/1865210.htm?fr=aladdin 2.什么是JAX-RPC? http://baike.baidu.com ...
- BZOJ1638: [Usaco2007 Mar]Cow Traffic 奶牛交通
1638: [Usaco2007 Mar]Cow Traffic 奶牛交通 Time Limit: 5 Sec Memory Limit: 64 MBSubmit: 571 Solved: 199 ...
- (2) 假设字符串类似这样的aba和aab就相等,现在随便给你二组字符串,请编程比较他们看是否相等
/** * 第一种方式: * 实现思路:将字符串通过getBytes方法转换为byte数组,或者通过toCharArray()转换为char数组 * 然后先调用Arrays的sort方法进行排序,再调 ...
- Android:TextView跑马灯-详解
Android:TextView跑马灯_详解 引言: TextView之所以需要跑马灯,是由于文字太长,或者是吸引眼球. 关键代码如下: android:singleLine="true&q ...