·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
返回列表 发布新帖

图片黏贴上传代码 New

112 0
发表于 2024-11-13 08:01:30 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
自己在谷歌搜索找到的,目前不知道如何使用有懂的希望告知一下。网页端实现代码
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <script type="text/javascript" src="../../../template/default/style/cat/jquery.min.js"></script>
</head>

<body>
<div id="Msg" contentEditable="true" style="width: 600px; height:600px;border: 1px solid pink;"></div>
<script>
        //查找 Msg 元素,检测当粘贴时候,
        document.querySelector('#Msg').addEventListener('paste', function(e)
        {
                if (!(e.clipboardData && e.clipboardData.items)) {
                   return;
                 }
                 for (var i = 0, len = e.clipboardData.items.length; i < len; i++) {
                   var item = e.clipboardData.items<i>;
                   console.log(item);
                   if (item.kind === "string") {
                         item.getAsString(function (str) {
                           console.log(str);
                           layer.msg("请粘贴图片上传", {
                                 icon: 2,
                                 shade: [0.3, '#000'],
                                 offset: '15px',
                                 time: 1000
                           })
                         })
                         $("#Msg").html(""); //jQuery方法一
                   } else if (item.kind === "file") {
                         var blob = item.getAsFile();
                         console.log('fff:');
                         console.log(blob);
                         if (blob.size === 0) {
                           return;
                         }
                         var data = new FormData();
                         data.append("image", blob);
                         $.ajax({
                           url: '/pastepic.php?ac=up_paste_img',
                           type: 'POST',
                           cache: false,
                           data: data,
                           processData: false,
                           contentType: false,
                           success: function (result) {
                                 console.log(result);
                                 //if (result.code == "0") {
                                   console.log(result.msg)
                                   //var html = "<img src=" + result.data + " width='100' height='100'>";
                                   //$("#Msg").html(html);
                                 //} else {
                                   console.log(result.msg)
                                 //}
                           }
                         });
                   }
                 }
        }, false);
</script>

</body>
</html>




服务器端php代码
服务器端很简单,直接使用discuzX3.5现成的上传函数即可。

图片处理函数:pic_upload($file, 'album', 40, 30, 2)

图片保存在album文件夹,同时生成jpg格式的缩略图。
<?php
// mod文件只能被入口文件引用,不能直接访问
if(!defined('IN_DISCUZ')) {
        exit('Access Denied');
}
require_once libfile('function/discuzcode');
require_once libfile('function/home');

$ac = dhtmlspecialchars($_GET['ac']); // 获取数据动作,g1:取得某边界内,某类别的所有点


if ($ac == 'up_paste_img'){
    //服务器端生成图片
        echo 'will receive up_paste_img';
        //echo $_FILES;
        //print_r(array_values($_FILES));

        if(!empty($_FILES)) {
                foreach($_FILES as $varname => $file) {
                        if($file['tmp_name']) {
                                $result = pic_upload($file, 'album', 40, 30, 2);
                                $pic = 'album/'.$result['pic'];
                                echo '<br/>';
                                echo $pic;
                                
                        }
                }
        }

        exit;               
}
elseif ($ac == 'blank'){
    // 网页模板
        include_once template("ccc/pic_paste");
}

?>
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点
创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.144.90.236,GMT+8, 2024-11-22 03:45 , Processed in 0.333824 second(s), 77 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表