使用七牛JavaScript上传文件

下面的源码的下载地址:http://download.csdn.net/detail/qq_27292113/9865971

使用七牛JavaScript上传文件_第1张图片


下面是index.html  这里主要是填 

 七牛上传的token  和 外链默认的域名  ,token实在服务端生成的


代码行数在 248 行


这是main.js文件

使用七牛JavaScript上传文件_第2张图片


第一处红框  uptoken_url  和  uptoken  这两个参数只填一个就可以

uptoken_url  : 是一个个体请求的链接   它返回的是json字符串

{
    "uptoken": "0MLvWPnyya1WtPnXFy9KLyGHyFPNdZceomL..."
}

uptoken  :对应的是七牛的上传token

这里我是示例是用的第二种   uptoken 这个参数


第二处红框

这里是指定上传文件的类型,记住对象要用,隔开


到这一步基本上文件已经上传到七牛了,但是访问路径就是你的  外链默认的域名+文件的名称


这里最好设置成自定义的名称,否则重名可能导致文件覆盖的问题


这里如果生成token时没有指定名称的话,web点指定生成文件名

这个还是main.js文件

使用七牛JavaScript上传文件_第3张图片

使用七牛JavaScript上传文件_第4张图片

使用七牛JavaScript上传文件_第5张图片

这里主要是讲怎么去获取 上传后的访问路劲

上传后返回的对象 info 是json对象 结构如下:

{"key": "FjbdIuRKIi2CGPzFqr0Q2buMtlcE", "hash": "FjbdIuRKIi2CGPzFqr0Q2buMtlcE", "width": 108, "height": 108}


 'Key': function(up, file) {  } 必需这样写才会见hash设置为 文件的名称


使用七牛JavaScript上传文件_第6张图片


可参考:http://blog.csdn.net/netdxy/article/details/50507161

https://segmentfault.com/q/1010000002893871

你可能感兴趣的:(七牛云)