kindeditor更改图片上传时网络图片的路径

当我们想要使用kindeditor的图片上传功能时,有两种选择图片方式,一种是本地选择,一种是在图片空间中选择,图片空间的默认地址是server上的/kindeditor/attached/image/以下。

假设想要改变这个路径,须要找到/kindeditor/php/file_manager_json.php这个文件,然后能够看到以下几行:

//根文件夹路径,能够指定绝对路径,比方 /var/www/attached/
$root_path = $php_path . '../attached/';
//根文件夹URL,能够指定绝对路径,比方 http://www.yoursite.com/attached/
$root_url = $php_url . '../attached/';
//图片扩展名
$ext_arr = array('gif', 'jpg', 'jpeg', 'png', 'bmp');

//文件夹名
$dir_name = empty($_GET['dir']) ? '' : trim($_GET['dir']);
if (!in_array($dir_name, array('', 'image', 'flash', 'media', 'file'))) {
	echo "Invalid Directory name.";
	exit;
}
if ($dir_name !== '') {
	$root_path .= $dir_name . "/";
	$root_url .= $dir_name . "/";
	if (!file_exists($root_path)) {
		mkdir($root_path);
	}
}

期初我更改了$root_path和$root_url的地址发现没有效果,使用file_put_contents()打印出$dir_name后,发现其值默认是image,也就是说我把路径改成img后,那么图片空间的路径则是img以下的image,因此我删除了文件夹名以下的几行,改动成功。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue是一种流行的JavaScript框架,用于构建用户界面。KindEditor是一个富文本编辑器,可以方便地在网页中编辑和展示富文本内容。图片上传是指将用户选择的图片文件上传到服务器。 在Vue中使用KindEditor进行图片上传的步骤如下: 1. 安装KindEditor:可以通过npm或者直接下载KindEditor的源代码进行安装。 2. 在Vue组件中引入KindEditor:可以通过import语句引入KindEditor的相关文件。 3. 在Vue组件中使用KindEditor:在需要使用富文本编辑器的地方,使用KindEditor提供的API进行初始化和配置。 4. 实现图片上传功能:通过配置KindEditor图片上传接口,将用户选择的图片文件上传到服务器。 以下是一个简单的示例代码: ``` <template> <div> <textarea ref="editor"></textarea> <button @click="uploadImage">上传图片</button> </div> </template> <script> import KindEditor from 'kindeditor' export default { mounted() { KindEditor.create(this.$refs.editor, { uploadJson: '/uploadImage', // 图片上传接 allowFileManager: false // 是否允许文件管理 }) }, methods: { uploadImage() { // 获取编辑器中的图片文件 const images = KindEditor.editor(this.$refs.editor).images // 将图片文件上传到服务器 // ... } } } </script> ``` 相关问题: 1. Vue是什么? 2. KindEditor是什么? 3. 如何在Vue中使用KindEditor? 4. 如何实现图片上传功能? 5. 还有其他类似的富文本编辑器可以使用吗?

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值