- 七牛javascript-sdk官方地址:https://developer.qiniu.com/k...
- github中七牛sdk上传功能参考代码: https://github.com/qiniu/js-sdk
- 上传20M的相机高清图片,需要在图片后面添加后缀:+?'imageslim/3/h/136',对上传的文件进行处理,不然图片会出现小问题
- 此为处理图片的方法:https://developer.qiniu.com/d...
- 安装对应插件到dependencies: npm install qiniu-js
- 七牛上传使用的是七牛sdk,图片展示时会被自动压缩,上传成功后resolve()会返回两个参数:hash、key, 使用返回的key字段与后台返回的七牛域名进行拼接,这就组成了新的图片地址,但是返回的key是没有类似 .jpg 后缀的,所以需要在上传前给 七牛sdk的key换成自己的标识
==================== 如下为具体代码 =====================
js生成全局唯一标识符方法(guid)
function guid(uuid) {
return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g,function(c) {
var r = Math.random()*16|0\, v = c == 'x' ? r : (r&0x3|0x8);
return v.toString(16);
})+uuid;
}
图片太小,放第二张代码清晰的进行对比
备注:测试时候如果上传不成功也无报错,可打印七牛token,这是后台返回的,基本原因就是token丢失了
subscription.unsubscribe() // 上传取消 这方法是取消图片上传的,上传成功后再调这方法,七牛的sdk就会无法上传了
![image.png image.png]()
![image.png image.png]()
查看原文
七牛javascript-sdk官方地址:[链接]github中七牛sdk上传功能参考代码: [链接]上传20M的相机高清图片,需要在图片后面添加后缀:+?'imageslim/3/h/136',对上传的文件进行处理,不然图片会出现小问题此为处理图片的方法:[链接]安装对应插件到dependencies: npm insta...