日期:2014-05-17  浏览次数:20834 次

求助:关于QQ空间里,相册中图片批量上传的技术实现
如下图所示:
    1、这种界面,是用什么技术实现的?
    
    2、上传时,图片多选,是怎么(或用什么技术)实现的?
    
    3、上传前,图片预览,是怎么(或用什么技术)实现的?
    

------解决方案--------------------
必须是ActiveX控件啊。。。
------解决方案--------------------
引用:
如下图所示:
    1、这种界面,是用什么技术实现的?
    
    2、上传时,图片多选,是怎么(或用什么技术)实现的?
    
    3、上传前,图片预览,是怎么(或用什么技术)实现的?

这个是使用ActiveX技术开发的控件。现在网上已经有了比较成熟的类似控件,楼主你可以在网上搜一下。
------解决方案--------------------
引用:
如下图所示:
    1、这种界面,是用什么技术实现的?
    
    2、上传时,图片多选,是怎么(或用什么技术)实现的?
    
    3、上传前,图片预览,是怎么(或用什么技术)实现的?

楼主试试这个控件: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示例

------解决方案--------------------
引用:
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 ImageUpl