使用ueditor上传到七牛云

本文介绍如何将UEditor与七牛云存储服务结合使用,解决大文件上传超时及进度显示问题,并通过修改UEditor的配置实现自定义文件名、上传Token等设置。

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
                };


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值