联系信箱：1085617561@qq.com

联系QQ：1085617561

使用泽优Web图片上传控件（img2）帮助解决图片手动上传的问题，使用img2后可以自动上传本地路径下面的图片，不需要用户再手动选择图片。

功能：

1.支持自动添加本地文件

2.支持自动添加本地目录

3.支持自动上传

4.支持批量上传

5.支持海量图片上传500+

6.支持多线程上传

7.支持旋转，预览操作。

8.支持自定义附加字段信息

优势：

1.不需要通过AJAX上传BASE64，直接上传本地图片文件数据。

2.AJAX上传BASE64存在跨域问题，img2不存在跨域问题，可以灵活指定文件存储服务器。或者采用分布式存储方式。

3.兼容市场上所有高拍仪和扫描仪，兼容旧的系统，旧的高拍仪和扫描仪控件。

4.接口丰富，开发简单，支持二次开发。

原理

1.img2提供了接口addFile和addFolder，可以直接加载本地路径下面的图片或目录。

2.添加后可以调用post方法开始上传图片。

3.不需要开发人员编写上传代码，img2提供了asp,jsp,php,asp.net常用语言的上传代码，下载即用，整合方便，代码清晰简单。

泽优Web图片上传控件（img2）

加载图片

php项目截图

asp.net项目截图

jsp项目截图

自动加载本地目录

<scripttype=”text/javascript”>

var imgUp = new ImageUploader();

imgUp.LoadTo(“img-uper”);

imgUp.ent.loadCmp = function () {

setTimeout(function () {

imgUp.addFolder(“F:\\ftp”);//自动加载本地目录下的所有图片

}, 1000);

};

</script>

自动加载本地路径下的图片文件

<scripttype=”text/javascript”>

var imgUp = new ImageUploader();

imgUp.LoadTo(“img-uper”);

imgUp.ent.loadCmp = function () {

setTimeout(function () {

imgUp.addFile(“F:\\ftp\\test.jpg”);//

}, 1000);

};

</script>

服务端jsp上传代码

publicvoid SaveFile(FileItem upFile) throws IOException

{

String fileName = upFile.getName();

//如果控件是以UTF-8编码方式提交的数据则使用下面的方式对文件名称进行解码。

fileName = fileName.replaceAll(“\\+”,“%20”);

//客户端使用的是encodeURIComponent编码

fileName = URLDecoder.decode(fileName,“UTF-8”);

this.m_fileName = fileName;

this.CreateFolder();

String filePath = this.m_folder + this.m_fileName;

InputStream stream = upFile.getInputStream();

byte[] data = newbyte[(int)upFile.getSize()];//128k

stream.read(data);

stream.close();

RandomAccessFile raf = newRandomAccessFile(filePath,“rw”);

//定位文件位置

raf.write(data);

raf.close();

}

asp.net文件上传代码

using System;

using System.Web;

using System.IO;

namespace WebApplication1

{

publicpartialclassupload : System.Web.UI.Page

{

protectedvoid Page_Load(object sender, EventArgs e)

{

var remark = HttpUtility.UrlDecode(remark);

if (Request.Files.Count > 0)

{

string folder = Server.MapPath(“/upload”);

//自动创建上传文件夹

if (!Directory.Exists(folder))

{

Directory.CreateDirectory(folder);

}

HttpPostedFile file = Request.Files.Get(0);

//utf-8编码时需要进行urldecode

string fn = HttpUtility.UrlDecode(file.FileName);//guid,crc,md5,ori

System.Diagnostics.Debug.WriteLine(fn);

string ext = Path.GetExtension(fn).ToLower();

if (ext == “.jpg”

|| ext == “.gif”

|| ext == “.png”

|| ext == “.bmp”

|| ext == “.tif”)

{

string filePath = Path.Combine(folder, fn);

file.SaveAs(filePath);

//返回json格式

string res = “{\”id\”:\””+id+“\”,\”success\”:1,\”url\”:\”/upload/”+fn+“\”}”;

Response.Write(res);

}

php文件上传代码

<?php

ob_start();

//201201/10

$timeDir = date(“Ym”).“/”.date(“d”);

$pathSvr = dirname(__FILE__).“/upload/$timeDir/”;

$curDomain = “http://”.$_SERVER[“HTTP_HOST”];

//相对路径 http://www.ncmem.com/upload/2012-1-10/

$pathRel = “$curDomain/img/upload/$timeDir/”;

//自动创建目录。upload/2012-1-10

if(!is_dir($pathSvr))

{

mkdir($pathSvr,0777,true);

}

//如果PHP页面为UTF-8编码，请使用urldecode解码文件名称

//$fileName = urldecode($_FILES[‘img’][‘name’]);

//如果PHP页面为GB2312编码，则可直接读取文件名称

$nameSvr = $_FILES[‘img’][‘name’];

$nameSvr = urldecode($nameSvr);

$tmpName = $_FILES[‘img’][‘tmp_name’];

//$uid = $_POST[“UserID”];

$id = $_POST[“id”];

$width = $_POST[“width”];

$height = $_POST[“height”];

$remark = $_POST[“remark”];//utf-8则需要进行URL解码,gbk不用解码

$cateName = $_POST[“cname”];

$cateVal = $_POST[“cvalue”];

//取文件扩展名jpg,gif,bmp,png

$path_parts = pathinfo($nameSvr);

$ext = $path_parts[“extension”];

//只允许上传图片类型的文件

if( 0 == strcasecmp($ext,“jpg”)

|| 0 == strcasecmp($ext,“jpeg”)

|| 0 == strcasecmp($ext,“png”)

|| 0 == strcasecmp($ext,“gif”)

|| 0 == strcasecmp($ext,“bmp”) )

{

//xxx/2011_05_05_091250000.jpg

$savePath = $pathSvr . $nameSvr;

//另存为新文件名称

if (!move_uploaded_file($tmpName,$savePath))

{

exit(‘upload error!’ . “文件名称：” .$nameSvr . “保存路径：” . $savePath);

}

//输出图片路径

//$_SERVER[‘HTTP_HOST’] localhost:81

//$_SERVER[‘REQUEST_URI’] /FCKEditor2.4.6.1/php/test.php

$reqPath = str_replace(“upload.php”,“”,$_SERVER[‘REQUEST_URI’]);

$fn = $pathRel.$nameSvr;

$res = “{\”id\”:\”$id\”,\”success\”:1,\”url\”:\”$fn\”}”;

echo $res;

header(‘Content-type: text/html; charset=utf-8’);

header(‘Content-Length: ‘ . ob_get_length());

泽优web图片上传控件（img2）采用HTTP协议上传，支持asp,jsp,php,asp.net等任何Web开发语言。且提供js-sdk，能够方便的集成到任何项目中。

详细介绍：http://blog.ncmem.com/wordpress/2019/09/05/泽优web图片上传控件img2产品介绍/

admin

7440