回调函数

可使用回调函数,对上传图片的不同阶段,做相应处理。代码示例如下。

  1. editor.config.uploadImgHooks = {
  2. // 上传图片之前
  3. before: function(xhr) {
  4. console.log(xhr)
  5. // 可阻止图片上传
  6. return {
  7. prevent: true,
  8. msg: '需要提示给用户的错误信息'
  9. }
  10. },
  11. // 图片上传并返回了结果,图片插入已成功
  12. success: function(xhr) {
  13. console.log('success', xhr)
  14. },
  15. // 图片上传并返回了结果,但图片插入时出错了
  16. fail: function(xhr, editor, resData) {
  17. console.log('fail', resData)
  18. },
  19. // 上传图片出错,一般为 http 请求的错误
  20. error: function(xhr, editor, resData) {
  21. console.log('error', xhr, resData)
  22. },
  23. // 上传图片超时
  24. timeout: function(xhr) {
  25. console.log('timeout')
  26. },
  27. // 图片上传并返回了结果,想要自己把图片插入到编辑器中
  28. // 例如服务器端返回的不是 { errno: 0, data: [...] } 这种格式,可使用 customInsert
  29. customInsert: function(insertImgFn, result) {
  30. // result 即服务端返回的接口
  31. console.log('customInsert', result)
  32. // insertImgFn 可把图片插入到编辑器,传入图片 src ,执行函数即可
  33. insertImgFn(result.data[0])
  34. }
  35. }