基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：78630559

本次赞助数额为： 2 元　

支付宝支付

微信支付

   源码介绍

---

@{
    ViewBag.Title = "粘贴上传图片测试";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section scripts{
    <script type="text/javascript" src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="~/Scripts/Jquery.Query.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.parse.js"></script>
}

<h2>可能有些浏览器不支持（支持火狐，谷歌浏览器，IE不支持）！</h2>
<h5>是用软件截图，不是复制一个文件。</h5><br /><br />
<div style="padding:8px"> <a class="btn btn-success btn-sm small pull-right" id="btnUploadClipboard"><i class="icon-upload-alt"></i> 上传截图</a></div>
<div id="divParse" style="border:none; padding:5px 0 0 5px; height:600px; text-align:left; vertical-align:central">
    <h4>点击此处，Ctrl V 黏贴图像</h4>
</div>
<div>上传的图片：<br/>
    <img id="uploadedimage" src=""/>
    </div>
<script type="text/javascript">
    $(function () {
        var el = $('#divParse');
        var paste = (new $.paste()).appendTo(el)
              .on('focus', function () {
                  $(el).css('background-color', '#ccff99');
              })
              .on('blur', function () {
                  $(el).css('background-color', '');
              })
              .on('pasteImage', function (ev, data) {
                  $(el).find('img,h4').remove();
                  $('<img src="'   data.dataURL   '" />').appendTo(el);
              })
              .on('pasteText', function (ev, data) {
                  alert("剪切板中没有图像，请先截图再黏贴");
              });

        $(el).click(function () {
            $(paste).focus();
        });

        $(document).keydown(function (e) {
            if (e.keyCode == 46) {
                $(el).find('img,h4').remove();
                $('<h4>点击此处，Ctrl V 黏贴图像</h4>').appendTo(el);
            }
        });
        // 上传截图
        $("#btnUploadClipboard").click(function () {
            var img = $("#divParse").find("img");
            if (img.length == 1) {
                $.ajax({
                    type: 'POST',
                    url: '/Index/UploadClipboard',
                    dataType: 'json',
                    data: {
                        clipData: $(img[0]).attr("src")
                    }
                }).done(function (data) {
                    if (data.success) {

                        // 刷新列表

                        alert("上传截图成功！");

                        var ep = $("#divParse");
                        $(ep).find('img,h4').remove();
                        $('<h4>点击此处，Ctrl V 黏贴图像</h4>').appendTo(ep);
                        $("#uploadedimage").attr("src", data.message);

                    } else {
                        alert("上传截图失败！");
                    }
                }).fail(function () {
                    alert("网络错误.");
                }).always(function () {
                });

            } else {
                alert("请先黏贴图像！");
            }
        });
    })
</script>