tp上传图片(编辑器)

<?php
class AiXinAction extends Action{
    
    //上传爱心协议
    public function shangchuan()
    {
        if(empty($_POST))
        {
            $this->display();
        }
        else
        {
            $model = M("fanwe_xieyi");
            $model->create();
            $re = $model->add();
            if($re)
            {
                echo "添加成功";
            }
            else
            {
                echo "添加失败";    
            }
        }

    }
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--注意顺序-->
<script type="text/javascript" charset="utf-8" src="http://localhost/tp/editor/utf8-php/ueditor.config.js"></script><!--绝对路径-->
<script type="text/javascript" charset="utf-8" src="http://localhost/tp/editor/utf8-php/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://localhost/tp/editor/utf8-php/lang/zh-cn/zh-cn.js"></script>
<title>无标题文档</title>

    <style type="text/css">
        div{
            width:100%;
           }
    </style>
</head>

<body>

<h3 align="center">共献爱心协议</h2>
<form action="__URL__/shangchuan" method="post" >
<input type="hidden" value="" name="id" />
名 字:<input type="text"  name="name"  style=" width:80%; border:medium; outline:none"  /><hr />
协 议:<textarea name="picture" rows="1" cols="200px" id="fp" style="background:transparent; border:none; outline:none"></textarea><hr />
时 间:<input type="text" name="time"  style="border:0px; outline:none" /><hr />
<input type="submit" value="上传" />
</form>

<div align="center">
    <script id="editor" type="text/plain" style=" width:100%;height:400px;"></script>
</div><br />

<div align="center"> <button onclick="getContent()">存入图片</button></div>
<br />
<br />
<br />
<br />
<br />
<br />
<script type="text/javascript">
 
    var ue = UE.getEditor('editor');
    
    function getContent() {
        var str = UE.getEditor('editor').getContent();
        document.getElementById("fp").textContent = str ;
    }
</script>



<div></div>
</body>
</html>

 

转载于:https://www.cnblogs.com/erinzhismile/p/5826571.html

1. 首先,在 `application\extra` 目录下新建一个 `config.php` 文件,添加以下配置: ```php <?php return [ 'upload_path' => '/uploads/', //上传文件保存的路径 'upload_exts' => 'gif,jpg,jpeg,png,bmp', //允许上传的文件类型 ]; ``` 2. 在 `application\index\controller` 目录下新建一个 `Upload.php` 控制器,添加以下代码: ```php <?php namespace app\index\controller; use think\Controller; use think\Request; class Upload extends Controller { public function uploadImage() { $file = request()->file('imgFile'); $info = $file->validate(['ext' => config('upload_exts')])->move(ROOT_PATH . 'public' . config('upload_path')); if ($info) { $image_url = config('upload_path') . $info->getSaveName(); return json(['error' => 0, 'url' => $image_url]); } else { return json(['error' => 1, 'message' => $file->getError()]); } } } ``` 3. 在 `application\index\view` 目录下新建一个 `upload_image.html` 文件,添加以下代码: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上传图片</title> </head> <body> <form action="<?php echo url('upload/uploadImage'); ?>" enctype="multipart/form-data" method="post"> <input type="file" name="imgFile"> <input type="submit" value="上传"> </form> </body> </html> ``` 4. 修改 `kindeditor` 配置文件 `public\static\kindeditor\config.js`,添加以下代码: ```javascript //上传图片配置 imageUploadJson = '<?php echo url("upload/uploadImage"); ?>'; ``` 5. 在 `public\static\kindeditor\plugins` 目录下新建一个 `image.php` 文件,添加以下代码: ```php <?php //获取上传文件保存的路径 $save_path = $_SERVER['DOCUMENT_ROOT'] . $_POST['save_path']; //获取要上传的文件 $file = $_FILES['imgFile']; //上传文件 if (move_uploaded_file($file['tmp_name'], $save_path . $file['name'])) { $image_url = $_POST['base_url'] . $_POST['save_path'] . $file['name']; //返回上传结果 echo json_encode(['error' => 0, 'url' => $image_url]); } else { echo json_encode(['error' => 1, 'message' => '上传失败']); } ``` 6. 修改 `kindeditor` 的 `php` 上传文件处理程序 `public\static\kindeditor\php\upload_json.php`,添加以下代码: ```php //获取要保存的文件路径和文件名 $save_path = $_SERVER['DOCUMENT_ROOT'] . $_POST['save_path']; $file_name = uniqid() . strrchr($_FILES['imgFile']['name'], '.'); //上传文件 if (move_uploaded_file($_FILES['imgFile']['tmp_name'], $save_path . $file_name)) { $image_url = $_POST['base_url'] . $_POST['save_path'] . $file_name; //返回上传结果 echo json_encode(['error' => 0, 'url' => $image_url]); } else { echo json_encode(['error' => 1, 'message' => '上传失败']); } ``` 7. 在浏览器中访问 `http://localhost/index/upload_image.html`,上传一张图片测试。如果上传成功,会返回图片的 URL 地址。在 `kindeditor` 中也可以正常上传图片了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值