写点什么

对象存储 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:58711

评论

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

Java Web(一)Maven

浅辄

maven Java web 11月月更

react源码分析:babel如何解析jsx

flyzz177

React

【LeetCode】字符串轮转Java初学者题解

Albert

算法 LeetCode 11月月更

VoneBaaS与兆芯完成产品兼容互认证

旺链科技

区块链 产业区块链 VoneBaaS 企业号十月PK榜

react源码分析:深度理解React.Context

flyzz177

React

双线程技术为什么能让小程序用户体验量级提升

Onegun

小程序 线程 小程序化

从React源码来学hooks是不是更香呢

goClient1992

React

VoneBaaS带来高效链改方案

旺链科技

区块链 产业区块链 世界互联网大会 VoneBaaS 企业号十月PK榜

2023年网络安全趋势

SEAL安全

网络安全 软件供应链安全

Web组态软件之Sovit2D组态可视化编辑器

2D3D前端可视化开发

组态软件 web组态 组态编辑器 工业组态软件 web组态软件

谈谈企业级前端 Angular 应用的定制化二次开发话题

汪子熙

前端开发 angular SAP Hybris 11月月更

什么样的vue面试题答案才是面试官满意的

bb_xiaxia1998

Vue

List集合和其子类ArrayList、LinkedList

共饮一杯无

Java 集合 11月月更

计算机网络:随机访问介质访问控制之CSMA协议

timerring

11月月更 CSMA

字节内部大佬私藏的数据结构与算法刷题笔记,熬夜刷上头,太顶了

程序知音

Java 数据结构 算法 数据结构与算法 后端技术

Java中的集合实现赌神、赌圣、赌侠斗地主

共饮一杯无

Java 集合 11月月更

react源码分析:实现react时间分片

flyzz177

React

前端常见vue面试题合集

bb_xiaxia1998

Vue

代码质量与安全 | 嵌入式开发中不得不说的编码标准——Barr-C

龙智—DevSecOps解决方案

嵌入式 嵌入式系统

网易传媒基于 Arctic 的低成本准实时计算实践

网易数帆

实时计算 iceberg Arctic 湖仓一体 企业号十月 PK 榜

接口请求合并的3种技巧,性能直接爆表!

小小怪下士

Java 程序员 接口

OpenHarmony社区运营报告(2022年10月)

OpenHarmony开发者

OpenHarmony

实现Promise的原型方法--前端面试能力提升

helloworld1024fd

JavaScript

从React源码角度看useCallback,useMemo,useContext

goClient1992

React

每日一题之Vue的异步更新实现原理是怎样的?

bb_xiaxia1998

Vue

Java高效找出两个大数据量List集合中的不同元素

共饮一杯无

Java List 11月月更

每日一题之Vue数据劫持原理是什么?

bb_xiaxia1998

Vue

Java中的Collection集合

共饮一杯无

Java 集合 11月月更

版本控制 | 想要成为硬件设计高手?最佳实践了解一下!

龙智—DevSecOps解决方案

版本控制 硬件设计 硬件电路

基于蓝鲸流程服务实现发布管理

PingCode研发中心

流程服务

【选型攻略】MLCC选型,要注意些什么?易学易用

元器件秋姐

元器件选型 MLCC选型 元器件选型攻略 元器件电商平台

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