实例介绍
【实例简介】
【实例截图】
【实例截图】
【核心代码】
@{
ViewBag.Title = "Index";
}
<script src="~/Scripts/jquery-1.6.1.min.js"></script>
<div id="imgDiv" style="border: 1px solid darkblue">
CTRL V即可实现粘贴
</div>
<script type="text/javascript">
function doPaste() {
pasterTool.paste();
}
var Config = {
Paths: {},
isMac: false,
Resources: null
};
Config.Resources = {
makeImage: '/Home/PasteImage',
};
var State = {
isPasting: false,
pasterAdded: false,
pasterReady: false,
pasteComplete: false,
pasteId: 0
};
var pasteCount = 0;
function isUrl(a) {
var b = /(ftp|http|https):\/\/(\w :{0,1}\w*@@)?(\S )(:[0-9] )?(\/|\/([\w#!:.? =&%@@!\-\/]))?/;
return b.test(a);
};
var pasterTool = {
data: "",
mode: 0,
processAsHtml: function (b) {
var a = b.clipboardData.getData("text/html");
if (a) {
$("#pasteCapture").html(a);
if ($("#pasteCapture img").length) {
pasterTool.data = $("#pasteCapture img:first").attr("src");
pasterTool.mode = 2;
pasterTool.process();
return true;
} else {
if ($("#pasteCapture a").length) {
pasterTool.data = $("#pasteCapture a:first").attr("href");
pasterTool.mode = 2;
pasterTool.process();
return true;
}
}
}
return false;
},
processAsText: function (b) {
var a = b.clipboardData.getData("text/plain");
if (a) {
if (isUrl(a)) {
pasterTool.data = a;
pasterTool.mode = 2;
pasterTool.process();
return true;
}
}
return false;
},
checkEditableArea: function () {
$("#pasteCapture").html("");
(function() {
var e = null;
var c = 50;
var d = 500;
var b = function() {
clearInterval(e);
$("#pasteCapture").attr("contenteditable", false);
$("#pasteCapture").blur();
$("#pasteCapture").attr("contenteditable", true);
};
var a = function() {
if ($("#pasteCapture").html().length > 0) {
b();
if ($("#pasteCapture img").length) {
var h = $("#pasteCapture img:first").attr("src");
var g = "data";
var f = "file";
var i = "webkit-fake-url";
if (h.substring(0, g.length) === g) {
pasterTool.data = h.substr(h.indexOf(",") 1);
pasterTool.mode = 1;
pasterTool.process();
} else {
if (h.substring(0, f.length) === f) {
State.isPasting = false;
} else {
if (h.substring(0, i.length) === i) {
State.isPasting = false;
} else {
pasterTool.data = h;
pasterTool.mode = 2;
pasterTool.process();
}
}
}
} else {
if (isUrl($("#pasteCapture").html())) {
pasterTool.data = $("#pasteCapture").html();
pasterTool.mode = 2;
pasterTool.process();
} else {
State.isPasting = false;
}
}
} else {
d -= c;
if (d <= 0) {
b();
State.isPasting = false;
}
}
};
e = setInterval(a, c);
})();
},
paste: function (d) {
pasteCount--;
if (State.isPasting) {
return;
}
State.isPasting = true;
d = d.originalEvent;
if (d&&d.clipboardData) {
if (d.clipboardData.items) {
if (d.clipboardData.items.length == 0) {
State.isPasting = false;
return;
}
for (var b = 0; b < d.clipboardData.items.length; b ) {
var c = d.clipboardData.items[b];
if (c.type == "image/png") {
pasterTool.mode = 1;
var a = new FileReader();
a.onloadend = function () {
pasterTool.data = this.result.substr(this.result.indexOf(",") 1);
pasterTool.process();
};
a.readAsDataURL(c.getAsFile());
break;
} else {
if (c.type == "text/html") {
if (pasterTool.processAsHtml(d)) {
State.isPasting = false;
break;
} else {
State.isPasting = false;
}
} else {
if (c.type == "text/plain") {
if (pasterTool.processAsText(d)) {
State.isPasting = false;
break;
} else {
State.isPasting = false;
}
} else {
State.isPasting = false;
}
}
}
}
} else {
if (!(pasterTool.processAsHtml(d) || pasterTool.processAsText(d))) {
pasterTool.checkEditableArea();
}
}
} else {
pasterTool.checkEditableArea();
}
},
process: function () {
State.isPasting = true;
var a = Config.Resources.makeImage;
$.post(a, pasterTool.data,
function(b) {
State.isPasting = false;
onPasteComplete(b);
});
}
};
function onPasteComplete(data) {
var dat = data;
$("#imgDiv").append("<input type='image' src='" data "'/>");
}
function focusPasteArea() {
$("#pasteCapture").focus();
}
$(document).ready(function () {
$("<div/>").attr({
"id": "pasteCapture",
"contenteditable": "true",
"_moz_resizing": "false"
}).css({
"position": "absolute",
"height": "1",
"width": "0",
"top": "-9999",
"left": "-9999",
"outline": "0",
"overflow": "auto",
"opacity": "0",
"z-index": "-9999"
}).prependTo("body");
$("body").bind("paste", pasterTool.paste);
focusPasteArea();
$(document).bind("keydown", "ctrl v", focusPasteArea);
});
</script>
好例子网口号：伸出你的我的手 — 分享！
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论