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示例
--------------------编程问答--------------------
这个的确不错。目前已经用在项目中了。 --------------------编程问答-------------------- 非常感谢,小弟不甚感激!这个控件如何使用在项目中啊! --------------------编程问答-------------------- 我在后台怎样得到上传的照片呢?因为这个和单张上传照片不一样,<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());
%>
貌似index.html的页面也挻简单的。顺便也一起发。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">--------------------编程问答-------------------- 谢谢啦 我试试 --------------------编程问答-------------------- 你的ImageUploader的项目在哪里下的,能给一个连接吗?我也下了的但不是用java写的,有点不一样。 --------------------编程问答--------------------
<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>
CAB安装包
ASP示例
ASP.NET示例
JSP示例
PHP示例
--------------------编程问答-------------------- 我花了一两天时间搞这个东西,最后上传图片到服务器时弹出“域名或IP未授权”,这是收费的控件 --------------------编程问答-------------------- 除 --------------------编程问答-------------------- 这个在上传多张图片的时候,所产生的文件名很多都是相同的。
还有,这是一个完整的工程,我要是想加到别的工程里去应该怎么做,只要改下相应的路径就可以了么? --------------------编程问答-------------------- 这个要收费的,楼主不要试 --------------------编程问答-------------------- 我也思考过这个问题。但是没有去编程实现。
我的思路是每一个图片上传都是一个单独的form表单,用ajax提交到一个专门处理图片上传的action。
像qq相册那样的估计是控件实现的。 --------------------编程问答-------------------- 看看阿里开源 --------------------编程问答-------------------- 平时多找点开源的项目,没准你正在想的,人家已经实现的非常好了,不要闭门造轮子
补充:Java , Java相关