上传至阿里云OSS

利用自己实现上传功能来实现阿里云OSS的上传

首先,安装 OSS 相关工具,然后编写代码:

  1. // 具体值需要去阿里云控制台获取
  2. let client = new OSS({
  3. // // region以杭州为例(oss-cn-hangzhou),其他region按实际情况填写。
  4. // region: '<Your region>',
  5. // // 阿里云主账号AccessKey拥有所有API的访问权限,风险很高。强烈建议您创建并使用RAM账号进行API访问或日常运维,请登录RAM控制台创建RAM账号。
  6. // accessKeyId: '<Your AccessKeyId>',
  7. // accessKeySecret: '<Your AccessKeySecret>',
  8. // bucket: 'Your bucket name',
  9. });
  10. editor.config.customUploadImg = function (resultFiles, insertImgFn) {
  11. // resultFiles 是 input 中选中的文件列表
  12. // insertImgFn 是获取图片 url 后,插入到编辑器的方法
  13. client.put('myImg', resultFiles[0])
  14. .then(function (res) {
  15. // 上传图片,返回结果,将图片插入到编辑器中
  16. insertImgFn(res.url)
  17. }).catch(function (err) {
  18. console.log(err)
  19. })
  20. }

更多配置请参考 阿里云官方文档