对象存储

  • 对象存储 > 常见问题 > 上传问题 >通过webuploader实现上传

    通过webuploader实现上传

    最近更新时间:2017-08-27 10:14:53

    简介

    七牛官方的js sdk是基于plupload开发的,考虑到webuploader也是一个比较流行的上传组件,本文提供一个使用webuploader上传文件至七牛的示例

    github地址

    https://github.com/GuGaobai1994/webuploader-qiniu

    使用方法

    可以clone github中的代码,打开demo.html看到简单的页面
    https://github.com/GuGaobai1994/webuploader-qiniu/blob/master/demo.html
    初始化时需要填入几个关键参数

        var options = {
            host : "http://upload.qiniu.com",
            tokenUrl : "http://localhost:8083/uptoken",
            domain : "http://orqjqg7zj.bkt.clouddn.com/",
            mockToken : true,
            mockTokenValue : "FMVCRs2-LO1ivRNi4l7mEZE6ZDvPv-519D12kZCO:ZXOlC4-SKwZfalWNIvXUNUZg1wA=:eyJzY29wZSI6InJ0Y3Rlc3QiLCJkZWFkbGluZSI6MjUwMjY5NjAxNH0=",
            hash : true
        }
    



    host: 上传空间对应的上传地址,建议使用客户端上传地址,参考 https://developer.qiniu.com/kodo/manual/1671/region-endpoint

    tokenUrl: 获取上传token的地址

    domain: 空间对应域名

    hash: 是否使用hash值作为空间内文件名

    初始化代码

    参考 https://github.com/GuGaobai1994/webuploader-qiniu/blob/master/main.js

    以上内容是否对您有帮助?
  • Qvm free helper
    Close