Question

kindeditor-4.1.10 利用js 怎么上传图片?他们官网下下来的例子上传图片的功能也是错的!谁有完整的例子?

或者其他的富文本编辑器也可以,只要能够实现图片上传的功能就行,我用html加js写的代码,给一个完整能够上传的例子,谢谢!

Answer 1

默认情况下kindeditor上传的图片在编辑器的根目录/attached/目录下。以日期建一个目录，然后保存文件。有些时候大概我们并不想这样。考虑到更新编辑器，或更换编辑器不太方便。比如我现在想把上传的文件保存在根目录下的uploadfiles目录下，需要修改以下代码：

首先，打开文件php\upload_json.php，在大约第16行到第19行，定义了文件保存目录路径和文件保存目录URL，我们需要修改为：
//文件保存目录路径
$save_path = $_SERVER['DOCUMENT_ROOT'].'\\uploadfiles\\';
//文件保存目录URL
$save_url = '/uploadfiles/';
解释一下：$save_path 即为最后保存文件的目录。这里就是根目录下的uploadfiles
$save_url 即为上传成功后，图片的URL地址。

这样，保存地址就变成了 根目录下的 uploadfiles/年月日/xxxxx.jpg了。

Answer 2

<textarea id="Contents" runat="server" style="width: 1024px; height: 500px;"></textarea>
<link href="js/kindeditor-4.1.10/themes/default/default.css" rel="stylesheet" />
    <link href="js/kindeditor-4.1.10/plugins/code/prettify.css" rel="stylesheet" />
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/kindeditor-4.1.10/kindeditor.js"></script>
    <script src="js/kindeditor-4.1.10/lang/zh_CN.js"></script>
    <script type="text/javascript">
        KindEditor.ready(function (K) {
            window.editor = K.create('#Contents', {
                cssPath: 'js/kindeditor-4.1.10/plugins/code/prettify.css',
                uploadJson: 'js/kindeditor-4.1.10/asp.net/upload_json.ashx',
                fileManagerJson: 'js/kindeditor-4.1.10/asp.net/file_manager_json.ashx',
                allowFileManager: true,
                afterCreate: function () {
                    this.sync();
                },
                afterBlur: function () {
                    this.sync();
                }
            });
        });
    </script>

注意引用地址，代码经过检验并正在使用，如有疑问请继续追问。