TinyMCE图片上传

Question

我在我们的网站上使用TinyMCE。我想在编辑器中获取图像。

然而，我似乎无法按照我想要的那样工作。

我环顾四周但找不到适合我的代码。如果是我们的代码或我的代码，我似乎无法找到它正常工作。

以下是我使用的代码：

<textarea id="my_editor"></textarea>

<iframe id="form_target" name="form_target" style="display:none"></iframe>

<form id='my_form' action='/upload/' target='form_target' method='post'     enctype='multipart/form-data' style='width:0 px;height:0 px;overflow:hidden'>
<input name='image' type='file' onchange="$('#my_form').submit();this.value='';"></form>

我用它来加载javascript文件：

$jsFiles = array(
        $templatePath . 'js/jquery.js',
        $templatePath . 'tinymce/js/tinymce/tinymce.min.js'
    );
    foreach ($jsFiles as $file) {
        echo '<script src="' . $file . '"></script>' . "\r\n        ";
    }
    ?>

TinyMCE本身的javascript：

   <script type="text/javascript">
    tinymce.init({
        selector: '#my_editor',
        plugins: ["image"],
        file_browser_callback: function(field_name, url, type, win) {
            win.document.getElementById(field_name).value = 'my_editor';
            if(type=='image') $('#my_form input').click();
        }
    });
    </script>

这是它最终的结果：

按钮本身可以工作，但也不会选择图像。

解决方案，替代方案或任何其他方式。