QCon北京「鸿蒙专场」火热来袭!即刻报名,与创新同行~ 了解详情
写点什么

对象存储 JavaScript SDK 更新,即刻体验更简单·可信赖的服务

  • 2019-10-05
  • 本文字数:1474 字

    阅读完需:约 5 分钟

对象存储 JavaScript SDK 更新,即刻体验更简单·可信赖的服务

JavaScript 是一个通用的、跨平台、中立于厂商的脚本语言,起源于用户对于浏览器交互体验的旺盛需求。随着互联网的发展和进步,JavaScript 的版本也持续迭代提供了越来越丰富的功能,不断提升用户的体验。

更好的 JavaScript SDK

在 H5 File API 出现之前,前端对于文件的操作是非常有局限性的,往往要依赖 flash 去处理文件操作,大多需要配合后端实现。出于安全角度考虑,从本地上传文件时,代码不可能获取文件在用户本地的地址,所以纯前端不可能完成一些类似图片预览的功能。


我们的旧版 JavaScript SDK 便是受当时历史环境所限,只是勉强能堪一用,用户体验不佳的问题一直是我们研发小哥的遗憾。一直致力于给用户提供简单、可信赖服务的我们,希望用户对 SDK 工具的感受也是易用高效的。自然,随着 H5 File API 技术日趋成熟,经过内部讨论充分验证后我们便第一时间将 JavaScript SDK 升级迭代。并已于近日发布,


【更新信息如下:】


  • 基于原生浏览器 API,轻便:


适用于 :IE11、Edge、Chrome、Firefox、Safari 等浏览器,基于七牛云官方 API 构建,其中上传功能基于 H5 File API。开发者基于 JS-SDK 可以方便的从浏览器端上传文件至七牛云,并对上传成功后的图片进行丰富的数据处理操作。


  • API 简单清晰:


我们借鉴了 RxJS 的接口设计模式,新 SDK 的接口非常简单,用户可以直接在 config 和 putExtra 里来进行相应的参数设置,我们把上传与所接收的参数分开而不是像老版的全部放到一坨,这样子层次也比较清晰。



  • 并发控制:


旧版 SDK 在分片上传的时候是同步串行的,其他片必须等前面片上传成功才能接着上传,这其实浪费了时间并且降低了浏览器的资源利用;于是在新版 SDK 中我们在分片上传优化成并发,并且加入了并发控制,**用户可以通过 config.thread 来设置并发请求数量。**实现最大并发量只取决于用户所使用的浏览器自身限制。


  • md5 校验:


新版 SDK 提供了 md5 校验,用户不用担心文件在未上传成功情况下被修改而导致最后生成错误文件,用户可以通过 config.checkByMD5 来设置 md5 校验是否开启。


  • 组合 API 搭配第三方插件实现对老浏览器的兼容:


JS-SDK 兼容支持 H5 File API 的浏览器,在低版本浏览器下,需要额外的插件如 plupload,JS-SDK 提供了一些接口可以结合插件来进行上传工作。我们在新版 SDK 中把插件的引用剥离了出去,对于需要兼容低版本浏览器的用户,可以自己引用插件,并结合新版 SDK 提供的接口进行开发。


  • 对图像处理的优化:


SDK 提供了如水印、缩略、旋转等图像处理接口,并在旧版的基础上用 promise 优化了原来的异步请求接口。大家可以访问 http://jssdk-v2.demo.qiniu.io/ 来体验我们的 demo 。


e.g. 上传图片并进行图片处理的效果如下:


即刻使用

新版 JavaScript SDK 目前支持多种几种安装方式,用户可以根据自己的开发习惯自由选择:

1.直接使用静态文件地址:

https://unpkg.com/qiniu-js@/dist/qiniu.min.js


通过 sctipt 标签引入该文件,会在全局生成名为 qiniu 的对象。

2.使用 NPM 安装

NPM 的全称是 Node Package Manager,是一个 NodeJS 包管理和分发工具,现今已成为非官方发布 Node 模块(包)的标准。如需更详细的关于 NPM 的使用说明,您可以访问 NPM 官方网站,或对应的中文网站。


npm install qiniu-js
复制代码


var qiniu = require("qiniu.js")// orimport * as qiniu from "qiniu-js"
复制代码

3.通过源码编译

git clone git@github.com:qiniu/js-sdk.git,进入项目根目录执行 npm install ,执行 npm run build,即可在 dist 目录生成 qiniu.min.js。


本文转载自公众号七牛云(ID:qiniutek)。


原文链接:


https://mp.weixin.qq.com/s/GIg_7QfTQU-22s0svXa21w


2019-10-05 21:58748

评论

发布
暂无评论
发现更多内容

《经济学人》2021年2月20日刊精彩文章导读及资源下载

wbliu85

产品训练营--第四期作业

曦语

产品训练营

EMC设计中电缆屏蔽使用方法

不脱发的程序猿

二月春节不断更 电路设计 EMC 电子产品 电缆屏蔽

APM(应用性能监控) 行业认知系列 - 一

东风微鸣

APM Trace 可观察性

MySQL事务浅析|由浅入深

MySQL 编程 架构

Angular性能优化实践——巧用第三方组件和懒加载技术

葡萄城技术团队

angular SpreadJS

2021版最新!字节跳动3面+腾讯6面一次过,谈谈我的大厂面经

Java架构之路

Java 程序员 架构 面试 编程语言

可能是Java 8 Optional最佳实践

ES_her0

28天写作

IDEA 敏捷开发技巧——后缀完成

程序员小航

Java 后端 IDEA

面试官:Java性能调优你会多少?一个问题就把我问的哑口无言,哭了!

996小迁

架构 面试 Java性能调优

技术资讯 | BML CodeLab发布重磅更新!!

百度开发者中心

AI 工具软件 #百度#

【LeetCode】数组的度Java题解

Albert

算法 LeetCode 28天写作 2月春节不断更

APM 行业认知系列 - 三

东风微鸣

APM Trace 可观察性

你的面试专属!JVM G1GC的算法+实现,90张图+33段代码

Java架构追梦

Java 架构 JVM 调优 G1GC

2020回顾,2021学习目标

叫练

学习 2021年展望 2020年度总结

神级!字节2-4大牛出品:分布式技术笔记,让你在分布式的路上如履平地!

Java架构之路

Java 程序员 架构 面试 编程语言

环信助力中国游戏社交类APP出“东南亚”记!

环信

电子产品中EMC隔离设计的方法

不脱发的程序猿

二月春节不断更 电路设计 EMC 电子产品

Elasticsearch踩坑记之深度分页

topsion

大数据 elasticsearch 深度分页

如何 0 改造,让单体/微服务应用成为Serverless Application

阿里巴巴云原生

Docker Serverless 容器 微服务 云原生

某某大龄程序员被字节面试官怒喷“废物”,他得知真相之后都懵了

Java架构之路

Java 程序员 架构 面试 编程语言

SpringBoot之自定义启动异常堆栈信息打印

false℃

架构设计篇之微服务实战笔记(一)

小诚信驿站

架构师 刘晓成 小诚信驿站 28天写作 架构师成长笔记

全网最新、最全面蚂蚁金服面经分享:简历模板/面试题库/Java核心技术笔记

比伯

Java 编程 程序员 面试 技术宅

滚雪球学 Python 番外系列,自动化测试是个啥?

梦想橡皮擦

Python 28天写作 2月春节不断更

读书总结2020

IT民工大叔

#读书

LoadRunner测试中遇见的不可思议的问题及其解决方法

陈磊@Criss

APM 行业认知系列 - 二

东风微鸣

APM Trace 可观察性

APM 行业认知系列 - 四

东风微鸣

APM Trace 可观察性

大小厂必问Java后端面试题(含答案)

yes

Java 面试 后端

Java实体映射利器---MapStruct

是小毛吖

Java MapStruct

对象存储 JavaScript SDK 更新,即刻体验更简单·可信赖的服务_文化 & 方法_七牛云_InfoQ精选文章