写点什么

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

评论

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

优化开发人员对 K8s 安全的影响

HummerCloud

Kubernetes DevSecOps 11月月更

首个中文Stable Diffusion模型开源;TPU演进十年;18个PyTorch性能优化技巧 | AI系统前沿动态

OneFlow

人工智能 开源 深度学历 TPU

python的成员方法的简单介绍

乔乔

11月月更

clickhouse在风控-风险洞察领域的探索与实践

京东科技开发者

flink 数据 Clickhouse 风控 风险控制

Spring 5(四)JdbcTemplate

浅辄

Java Spring5 11月月更

从recat源码角度看setState流程

flyzz177

React

Flask框架:如何运用Ajax轮询动态绘图

华为云开发者联盟

JavaScript 前端 华为云 企业号十月 PK 榜

ShardingSphere + OpenSergo,共同提升微服务体系下数据库的性能与稳定

SphereEx

数据库 微服务 Apache ShardingSphere

源码学习之Spring容器创建原理

京东科技开发者

xml spring 源码 容器 测试

【C语言】float 关键字

謓泽

11月月更

一个 SaaS 软件同本地部署 On-Premises 系统集成的实际项目案例分享

汪子熙

微服务 SaaS 系统集成 On-Premises 11月月更

河南数字经济产业创新研究院加入星策社区,携手推进企业智能化转型发展

星策开源社区

人工智能 开源 AI 企业转型 智能化

Spring 5(三)AOP

浅辄

Java Spring5 11月月更

【设计模式】原型模式:猴头,我叫你一声你敢答应吗?

游坦之

11月月更

什么是Maven

莪是男神

Java maven 11月月更

高级前端一面常考手写面试题指南

helloworld1024fd

JavaScript

说说你对Vue的keep-alive的理解

bb_xiaxia1998

Vue

APP“小动作”不断?HarmonyOS 3隐私中心可视化面板让它无处藏身

极客天地

GaiaX开源解读 | 跨端动态化模板引擎详解,看完你也能写一个

阿里巴巴文娱技术

开源 移动开发 移动端开发

FusionInsight MRS Flink DataStream API读写Hudi实践

华为云开发者联盟

大数据 华为云 数据读写 企业号十月 PK 榜

90 条简单实用的 Python 编程技巧,建议收藏

千锋IT教育

手写JavaScript常见5种设计模式

helloworld1024fd

JavaScript

前端手写面试题,看这一篇就够了

helloworld1024fd

JavaScript

一份vue面试考点清单

bb_xiaxia1998

Vue

为提高 SDLC 安全,GitHub 发布新功能|GitHub Universe 2022

SEAL安全

GitHub 安全

学习MySQL必须掌握的13个关键字,你get了吗?

小小怪下士

Java MySQL 程序员

中高级前端开发需要掌握的vue知识点

bb_xiaxia1998

Vue

说说Vue响应式系统中的Watcher和Dep的关系-面试进阶

bb_xiaxia1998

Vue

深入react源码看setState究竟做了什么?

flyzz177

React

从源码角度看React-Hydrate原理

flyzz177

React

手写现代前端框架diff算法-前端面试进阶

helloworld1024fd

JavaScript

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