使用ueditor上传到七牛云

xiaoxiao2021-02-28  63

1、弄了两三天了,开始改的是ueditor.jar中的源码上传到七牛云,之后发现上传时文件太大(100MB)导致超过了响应时间前台报错,而且前台的上传进度也看不出来,所以只能采用js-sdk中的方式

2、ueditor使用的是WebUploader上传方式,七牛云中提供的示例Qiniu.uploader不太一样,但是都是差不多的,下面我们就来更改ueditor中的js

      示例图片上传

1)、找的image.js中的WebUploader.create中有server路径改成http://upload.qiniu.com/(下面还有个更改server的地方需要注释掉)

        2)、增加token获取     formData: {     token:$("#token").val()     },

         3)、完成前两步就可以上传了,如果报http错误需要改一下 file的上传名称为file

         4)、如果想设置key值:uploadBeforeSend中添加data.key=“值””即可

         5)、以上可以在七牛云的内容 管理中看到文件,但是还有一步上传成功后返回的信息uploadSuccess中json的值可以直接从file中获取

                  var json = {             "state":"SUCCESS",             "title":file.name,             "type":"."+file.ext,             "url":file.blocks[0].key,             "size":file.size                 };

转载请注明原文地址: https://www.6miu.com/read-96685.html

最新回复(0)