大文件上传控件6(up6)
大文件下载控件(down2)
云存储上传控件(cloud2)
大数据上传控件(up7)
Word一键粘贴控件(WordPaster)
Web截屏控件(scp2)
图片批量上传控件(img2)
文档助手
立即联系
售前咨询：1085617561-
{{d.title}} 发布时间：{{moment(d.uptime).format('ll')}}
2019-9-5 16:21:27
问题：
IE浏览器下使用Activex插件调用客户端扫描仪扫描文件并山传，可以将纸质档案（如合同、文件、资料等）扫描并将扫描图像保存到服务器，可以用于合同管理、档案管理等。
通过插件方式调用扫描仪扫描并获取图像，可以减少用户操作，减少操作出错，如一次扫描量大也可以使用连续扫描，由系统对扫描文件进行编号或进行其他处理。
web页面中只需通过js调用后启动扫描仪扫描，即可获取扫描文件的图像编码，再通过ajax或表单提交到服务器解码后保存为jpg文件即可。
通过服务器上程序处理后，可以方便以后浏览或去其它用户共享！
web调用扫描仪插件activex扫描图像上传并预览
页面HTML代码
<div id="scanFileList" style="height:300px; overflow:auto;">
</div>
<div>
<input type="checkbox" id="cbo_set" /><label for="cbo_set">显示扫描设置</label>
<input type="checkbox" id="cbo_lxsm" /><label for="cbo_lxsm">连续扫描</label>
<input type="button" value="扫描并提交" οnclick="scanClick();" /> <input type="button" οnclick="selscan();" value="选择扫描仪" />
</div>
改进后
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Web图片上传控件演示页面</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/json2.min.js" charset="utf-8"></script>
<script type="text/javascript" src="js/img2.js" charset="utf-8"></script>
</head>
<body>
<p>演示取cookie和session，并传给控件，可支持firefox(45-),chrome(45-)</p>
<div id="img-uper"></div>
<div id="msg"></div>
<script type="text/javascript">
var imgUp = new ImageUploader();
imgUp.Config["PostUrl"] = "http://localhost:8889/asp.net/upload.aspx";
imgUp.Config["Cookie"] = 'ASP.NET_SessionId=<%=Session.SessionID%>';
imgUp.Config.Fields["UserID"] = "123456";
imgUp.LoadTo("img-uper");
imgUp.ent.loadCmp = function () {
setTimeout(function () {
//imgUp.addFolder("F:\\ftp");
}, 1000);
};
$(function () {
$("#btnAddLoc").click(function () {
imgUp.addFile($("#tb-path").val());
});
});
</script>
</body>
</html>
服务器端（fileup.aspx）接收文件代码（用户可以根据需要转换为java、php等不同语言以适应现有的系统环境）
string imgBase64 = Request.Params["img"];
if (imgBase64 != null && imgBase64 != "")
{
byte[] imgbytes = Convert.FromBase64String(imgBase64);
string imgpath = "temp/" + System.Guid.NewGuid() + ".jpg";
System.IO.FileStream fs = new System.IO.FileStream(Server.MapPath(imgpath), System.IO.FileMode.OpenOrCreate);
fs.Write(imgbytes, 0, imgbytes.Length);
fs.Close();
Response.Write("{id:" + Request.Params["id"] + ",src:'" + imgpath + "'}");
}
改进后：不需要转换成BASE64，不需要通过AJAX上传，不存在跨域问题，
using System;
using System.Web;
using System.IO;
namespace WebApplication1
{
public partial class upload : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
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);
}
}
}
}
}
解决方案：
采用泽优Web图片上传控件（img2）自动上传本地图片。
过程：
在扫描仪扫描后会提供一个事件，在这个事件中可以获取扫描仪扫描的图片路径，将这个路径添加到泽优Web图片上传控件（img2）中，img2就能够自动上传此图片。img2上传成功后会提供一个事件(post_complete)，在此事件中可以得到图片上传后的地址。
详细介绍：http://blog.ncmem.com/wordpress/2019/09/05/泽优web图片上传控件img2产品介绍/
产品博客
B站
今日头条
抖音
QQ空间
up6
互联网信息举报平台