当前位置:编程学习 > JAVA >>

jsp页面一次选中多张照片上传,类似于QQ相册极速上传

在一个jsp的页面我需要添加多张照片,但是又不想一张一张的添加。
--------------------编程问答-------------------- 楼主试试这个控件:http://www.cnblogs.com/xproer/archive/2010/08/09/1796077.html
主界面

图片列表

添加图片

编辑图片:

提示信息:

整合代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Web图片批量上传控件演示页面</title>
<script type="text/javascript" src="ImageUploader/ImageUploader.js" charset="utf-8"></script>
</head>
<body>
<div><a href="asp.net/images.aspx">查看上传的图片</a></div>
<div id="msg"></div>
<script language="javascript" type="text/javascript">
var imgUploader = new ImageUploader();
imgUploader.Config["PostUrl"] = "http://localhost/php/upload.php";

window.onload = function()
{
imgUploader.Init();
}
</script>
</body>
</html>


示例下载:
CAB安装包
ASP示例下载
ASP.NET示例
JSP示例
PHP示例
--------------------编程问答--------------------
引用 1 楼  的回复:
Xproer.ImageUploader:http://www.cnblogs.com/xproer/archive/2010/08/09/1796077.html
主界面

图片列表

添加图片

编辑图片:

提示信息:

整合代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Web图片批量上传控件演示页面</title>
<script type="text/javascript" src="ImageUploader/ImageUploader.js" charset="utf-8"></script>
</head>
<body>
<div><a href="asp.net/images.aspx">查看上传的图片</a></div>
<div id="msg"></div>
<script language="javascript" type="text/javascript">
var imgUploader = new ImageUploader();
imgUploader.Config["PostUrl"] = "http://localhost/php/upload.php";

window.onload = function()
{
imgUploader.Init();
}
</script>
</body>
</html>


示例下载:
CAB安装包
ASP示例下载
ASP.NET示例
JSP示例
PHP示例

这个的确不错。目前已经用在项目中了。 --------------------编程问答-------------------- 非常感谢,小弟不甚感激!这个控件如何使用在项目中啊! --------------------编程问答-------------------- 我在后台怎样得到上传的照片呢?因为这个和单张上传照片不一样,<input name="" />有name属性,这个控件怎么弄?帮帮小弟吧! --------------------编程问答--------------------
引用 4 楼  的回复:
我在后台怎样得到上传的照片呢?因为这个和单张上传照片不一样,<input name="" />有name属性,这个控件怎么弄?帮帮小弟吧!

话说这个有JSP的示例了,你下载下来了吗?JSP里面的源代码可以直接看到。你用MyEclipse打开看看。
项目截图:
--------------------编程问答-------------------- 刚下了这个项目的代码,看起来貌似比较简单啊。楼主你试了没有?我把upload.jsp的代码发一下你看看:
<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%><%@ page import="Xproer.*" %><%

//实例化 上载bean
com.jspsmart.upload.SmartUpload su = new com.jspsmart.upload.SmartUpload();
//初始化
su.initialize(pageContext);
//设置上载 的最大值
su.setMaxFileSize(1024*1024);//1MB
//上载文件
su.upload();

com.jspsmart.upload.File file = su.getFiles().getFile(0);

//取附加信息
String userName = su.getRequest().getParameter("UserName");

Uploader up = new Uploader(pageContext,request);
up.SaveFile(file);
out.write(up.GetFilePathRel());
%>
--------------------编程问答--------------------
引用 4 楼  的回复:
我在后台怎样得到上传的照片呢?因为这个和单张上传照片不一样,<input name="" />有name属性,这个控件怎么弄?帮帮小弟吧!

貌似index.html的页面也挻简单的。顺便也一起发。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Web图片上传控件标准版演示</title>
<script type="text/javascript" src="ImageUploader/ImageUploader.js" charset="utf-8"></script>
</head>
<body>
<div id="msg"></div>
<script language="javascript" type="text/javascript">
var imgUploader = new ImageUploader();
//根据项目配置修改上传地址。
imgUploader.Config["PostUrl"] = "http://localhost:8080/ImageUploader/upload.jsp";
imgUploader.Fields["UserID"] = "dsh"

window.onload = function()
{
imgUploader.Init();
}
</script>
</body>
</html>
--------------------编程问答-------------------- 谢谢啦 我试试 --------------------编程问答-------------------- 你的ImageUploader的项目在哪里下的,能给一个连接吗?我也下了的但不是用java写的,有点不一样。 --------------------编程问答--------------------
引用 9 楼  的回复:
你的ImageUploader的项目在哪里下的,能给一个连接吗?我也下了的但不是用java写的,有点不一样。

CAB安装包
ASP示例
ASP.NET示例
JSP示例
PHP示例
--------------------编程问答-------------------- 我花了一两天时间搞这个东西,最后上传图片到服务器时弹出“域名或IP未授权”,这是收费的控件 --------------------编程问答-------------------- 除 --------------------编程问答-------------------- 这个在上传多张图片的时候,所产生的文件名很多都是相同的。
还有,这是一个完整的工程,我要是想加到别的工程里去应该怎么做,只要改下相应的路径就可以了么? --------------------编程问答-------------------- 这个要收费的,楼主不要试 --------------------编程问答-------------------- 我也思考过这个问题。但是没有去编程实现。
我的思路是每一个图片上传都是一个单独的form表单,用ajax提交到一个专门处理图片上传的action。
像qq相册那样的估计是控件实现的。 --------------------编程问答-------------------- 看看阿里开源 --------------------编程问答-------------------- 平时多找点开源的项目,没准你正在想的,人家已经实现的非常好了,不要闭门造轮子
补充:Java ,  Java相关
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,