zyCapture × KindEditor 3 集成演示

<script src="/res/jquery/jquery-1.9.1.min.js"></script>
<script src="/products/scppro/demo/zyCapture/json2.min.js"></script>
<script src="/products/scppro/demo/zyCapture/skygqbox.js"></script>
<script src="/products/scppro/demo/zyCapture/scp.js"></script>   <!-- zyCapture 控件 -->
<script src="/products/scppro/kindeditor3x/kindeditor-min.js"></script>

<textarea id="MyTextarea"></textarea>
<script>
  var kid = null;
  var scpMgr = zyCapture.getInstance({
    config: { PostUrl: "/api/upload", FileFieldName: "file" },
    event: {
      postComplete: function (url) {
        KE.appendHtml(kid, '<img src="' + url + '" />');
      }
    }
  });

  KE.show({ id: 'MyTextarea', afterCreate: function (id) { kid = id; } });
</script>

POST /api/upload
Request: multipart/form-data   (字段名由 FileFieldName 指定，默认 file)
Response:
{
  "state": "SUCCESS",
  "url": "https://your-cdn.com/upload/2026/09/abc.png"   // 图片地址，控件会回填到编辑器
}

// 若返回格式无法用 url 字段表达，可用控件配置项做提取：
// ImageMatch: "\"url\":\"(.+?)\""        用正则从响应文本中取地址
// ImageUrl:   "https://cdn.example.com/{url}"  在取到的地址前后拼路径