cz.upload.js 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. /*
  2. 单独调用上传接口插件,欢迎访问:www.caozha.com
  3. 代码仓库: https://gitee.com/caozha/ueditor
  4. */
  5. var _editor;
  6. $(function(){
  7. //重新实例化一个编辑器,防止在上面的editor编辑器中显示上传的图片或者文件
  8. _editor = UE.getEditor('upload_ue');
  9. _editor.ready(function () {
  10. //设置编辑器不可用
  11. _editor.setDisabled();
  12. //隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏
  13. _editor.hide();
  14. //侦听图片上传
  15. _editor.addListener('beforeInsertImage', function (t, arg) {
  16. //将地址赋值给相应的input,只去第一张图片的路径
  17. $("#picture").attr("value", arg[0].src);
  18. //图片预览
  19. $("#preview").attr("src", arg[0].src);
  20. })
  21. //侦听文件上传,取上传文件列表中第一个上传的文件的路径
  22. _editor.addListener('afterUpfile', function (t, arg) {
  23. $("#file").attr("value", arg[0].url);
  24. })
  25. });
  26. });
  27. //弹出图片上传的对话框
  28. function upImage() {
  29. var myImage = _editor.getDialog("insertimage");
  30. myImage.open();
  31. }
  32. //弹出文件上传的对话框
  33. function upFiles() {
  34. var myFiles = _editor.getDialog("attachment");
  35. myFiles.open();
  36. }