Ueditor富文本-上传图片到阿里云或者服务器指定目录

html代码:

<script src="./Public/layuiadmin/layui/layui.js"></script>
<script src="./Public/js/jquery-3.2.1.min.js"></script>
<!-- 配置文件 -->
<script type="text/javascript" src="./Public/ueditor1_4_3_3/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="./Public/ueditor1_4_3_3/ueditor.all.js"></script>


保存文件
layui.use(['form', 'layedit', 'laydate'], function(){
        var form = layui.form
            ,layer = layui.layer

        form.on('submit(demo1)', function(data){
            var goods_id=$("#goods_id").val();
            data.field['goods_id'] =goods_id;
            data.field['content'] = ue.getContent();
            $.ajax({
                url:"/order/api.php?s=/api/goods/goods_content",
                type:'post',
                data:data.field,
                success:function (res) {
                    if(res.success){
                        setTimeout(function () {
                            parent.layer.closeAll();
                            // parent.location.reload();
                        },1500);
                    }
                    layer.msg(res.msg)
                }
            })
            return false;
        });

    });

初始化

    var ue = UE.getEditor('content',{
        serverUrl:'{:U("api/goods/upload_goodsimg")}',
        imagePath:"", //路径前缀
        imageUrlPrefix:'', //image前缀, 如果服务端返回的图片地址中有http://...那这里就留空, 此项必须有
        toolbars: [
            [
                'anchor', //锚点
                'undo', //撤销
                'redo', //重做
                'bold', //加粗
                'indent', //首行缩进
                //'snapscreen', //截图
                'italic', //斜体
                'underline', //下划线
                'strikethrough', //删除线
                'subscript', //下标
                'fontborder', //字符边框
                'superscript', //上标
                'formatmatch', //格式刷
                'source', //源代码
                'blockquote', //引用
                'pasteplain', //纯文本粘贴模式
                'selectall', //全选
                //'print', //打印
                'preview', //预览
                'horizontal', //分隔线
                'removeformat', //清除格式
                'time', //时间
                'date', //日期
                'unlink', //取消链接
                'insertrow', //前插入行
                'insertcol', //前插入列
                'mergeright', //右合并单元格
                'mergedown', //下合并单元格
                'deleterow', //删除行
                'deletecol', //删除列
                'splittorows', //拆分成行
                'splittocols', //拆分成列
                'splittocells', //完全拆分单元格
                'deletecaption', //删除表格标题
                'inserttitle', //插入标题
                'mergecells', //合并多个单元格
                'deletetable', //删除表格
                'cleardoc', //清空文档
                'insertparagraphbeforetable', //"表格前插入行"
                //'insertcode', //代码语言
                'fontfamily', //字体
                'fontsize', //字号
                'paragraph', //段落格式
                'simpleupload', //单图上传
                'insertimage', //多图上传
                'edittable', //表格属性
                'edittd', //单元格属性
                'link', //超链接
                'emotion', //表情
                'spechars', //特殊字符
                'searchreplace', //查询替换
                //'map', //Baidu地图
                //'gmap', //Google地图
                //'insertvideo', //视频
                //'help', //帮助
                'justifyleft', //居左对齐
                'justifyright', //居右对齐
                'justifycenter', //居中对齐
                'justifyjustify', //两端对齐
                'forecolor', //字体颜色
                'backcolor', //背景色
                'insertorderedlist', //有序列表
                'insertunorderedlist', //无序列表
                'fullscreen', //全屏
                'directionalityltr', //从左向右输入
                'directionalityrtl', //从右向左输入
                'rowspacingtop', //段前距
                'rowspacingbottom', //段后距
                'pagebreak', //分页
                //'insertframe', //插入Iframe
                'imagenone', //默认
                'imageleft', //左浮动
                'imageright', //右浮动
                //'attachment', //附件
                'imagecenter', //居中
                'wordimage', //图片转存
                'lineheight', //行间距
                'edittip ', //编辑提示
                'customstyle', //自定义标题
                'autotypeset', //自动排版
                //'webapp', //百度应用
                //'touppercase', //字母大写
                //'tolowercase', //字母小写
                'background', //背景
                'template', //模板
                //'scrawl', //涂鸦
                //'music', //音乐
                'inserttable', //插入表格
                'drafts', // 从草稿箱加载
                'charts', // 图表
            ]
        ]
    });
    ue.ready(function() {
        ue.setHeight(600);
    });

php代码:


//保存商品详情和介绍
    public function goods_content(){
        $goods_id=I("param.goods_id");
        $content=I("param.content");
        if(empty($goods_id)){
            error("参数错误");
        }
        $data["content"]=htmlspecialchars_decode($content);
        M("supply_chain_console.supply_chain_goods")->where("id='{$goods_id}'")->save($data);
        success("保存成功");
    }

    public function upload_goodsimg(){
        $arg = I('get.action');
        switch ($arg) {
            case 'config':
                exit('{
                    /* 上传图片配置项 */
                    "imageActionName": "ueUploadImage", /* 执行上传图片的action名称 */
                    "imageFieldName": "ueUpfile", /* 提交的图片表单名称 */
                    "imageMaxSize": 2048000, /* 上传大小限制,单位B */
                    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */
                    "imageCompressEnable": true, /* 是否压缩图片,默认是true */
                    /* 截图工具上传 */
                    "snapscreenActionName": "ueUploadImage", /* 执行上传截图的action名称 */
                }');
                break;
            case 'ueUploadImage': //这个值对应上个case中的ueUploadImage

                //上传到阿里云
                $oss=new OssController();
                $filepath = date('Y').'/'.date('md');
                $filename = $filepath.'/'.time();
                $filename = "brand/{$filename}";
                $a=$oss -> uploadwx($filename);
                $list["state"]="SUCCESS";
                $list["url"]=$a;
                $list["original"]='';
                $list["original"]='';
                success("获取成功",$list);


                //上传到本地指定的目录
//                $oss = new Upload();
//                $url = $oss->up('ueUpfile', 'ueditor'); //ueUpfile 对应上个case中的ueUpfild
//                if ($oss->isOk()) { //上传成功
//                    $rs = [
//                        'state' => 'SUCCESS',
//                        'url' => $url,
//                        'title' => '',
//                        'original' => ''
//                    ];
//                    $this->ajaxReturn($rs);
//
//                } else { //上传失败
//                    $rs = [
//                        'state' => '上传图片失败',
//                    ];
//                    $this->ajaxReturn($rs);
//                }
                break;
            default:
                exit();
        }
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值