【原创】js上传图片到七牛云存储

项目开发过程中遇到一个需求，运营人员需要上传图片到七牛云，最开始的做法是，后台对接七牛，然后出一个接口，前端调用接口，先将图片传到后台，然后后台再上传七牛云，用的过程中发现，图片小的情况下还好，图片一旦到了几十兆甚至几百兆的时候就很慢，前端上传图片到后台需要一定时间，后端上传到七牛又需要一段时间，很是麻烦，所以果断改成了前端直接上传七牛，直接上代码

    
    
    
    
    



    
选择文件
    

需要注意的是：
1、这个uploader初始化的时候如果放在change事件中是不会执行的
2、分块上传时，一些分辨率或者色彩密度较高的图片不支持切片
3、点击选择文件之后函数不执行的原因可能有：1）browse_button和container的值写成了class，但是不支持class，需要改成id名；2）函数没有初始化；3）后台返回来的token字段不正确，如果是这个原因，可以尝试将token改为uptoken
最后附上七牛官方的上传demo