JavaScript 是一個通用的、跨平臺、中立於廠商的腳本語言,起源於用戶對於瀏覽器交互體驗的旺盛需求。隨着互聯網的發展和進步,JavaScript 的版本也持續迭代提供了愈來愈豐富的功能,不斷提高用戶的體驗。前端
在 H5 File API 出現以前,前端對於文件的操做是很是有侷限性的,每每要依賴 flash 去處理文件操做,大多須要配合後端實現。出於安全角度考慮,從本地上傳文件時,代碼不可能獲取文件在用戶本地的地址,因此純前端不可能完成一些相似圖片預覽的功能,node
咱們的舊版 JavaScript SDK 即是受當時歷史環境所限,只是勉強能堪一用,用戶體驗不佳的問題一直是咱們研發小哥的遺憾。一直致力於給用戶提供簡單、可信賴服務的咱們,但願用戶對 SDK 工具的感覺也是易用高效的。天然,隨着 H5 File API 技術日趨成熟,通過內部討論充分驗證後咱們便第一時間將 JavaScript SDK 升級迭代。並已於近日發佈,更新信息以下:git
適用於 :IE十一、Edge、Chrome、Firefox、Safari 等瀏覽器,基於七牛雲官方 API 構建,其中上傳功能基於 H5 File API。開發者基於 JS-SDK 能夠方便的從瀏覽器端上傳文件至七牛雲,並對上傳成功後的圖片進行豐富的數據處理操做。github
咱們借鑑了 RxJS 的接口設計模式,新 SDK 的接口很是簡單,用戶能夠直接在 config
和 putExtra
裏來進行相應的參數設置,咱們把上傳與所接收的參數分開而不是像老版的所有放到一坨,這樣子層次也比較清晰。npm
舊版 SDK 在分片上傳的時候是同步串行的,其餘片必須等前面片上傳成功才能接着上傳,這其實浪費了時間而且下降了瀏覽器的資源利用;因而在新版 SDK 中咱們在分片上傳優化成併發,而且加入了併發控制,用戶能夠經過 config.thread
來設置併發請求數量。實現最大併發量只取決於用戶所使用的瀏覽器自身限制。後端
新版 SDK 提供了 md5 校驗,用戶不用擔憂文件在未上傳成功狀況下被修改而致使最後生成錯誤文件,用戶能夠經過 config.checkByMD5
來設置 md5 校驗是否開啓。設計模式
JS-SDK 兼容支持 H5 File API 的瀏覽器,在低版本瀏覽器下,須要額外的插件如 plupload,JS-SDK 提供了一些接口能夠結合插件來進行上傳工做。咱們在新版 SDK 中把插件的引用剝離了出去,對於須要兼容低版本瀏覽器的用戶,能夠本身引用插件,並結合新版 SDK 提供的接口進行開發。promise
SDK 提供瞭如水印、縮略、旋轉等圖像處理接口,並在舊版的基礎上用 promise 優化了原來的異步請求接口。你們能夠訪問 Demo 來體驗咱們的 demo 。瀏覽器
e.g. 上傳圖片並進行圖片處理的效果以下:安全
##即刻使用 新版 JavaScript SDK 目前支持多種幾種安裝方式,用戶能夠根據本身的開發習慣自由選擇:
1.直接使用靜態文件地址:
https://unpkg.com/qiniu-js@<version>/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")
// or
import * as qiniu from "qiniu-js"
複製代碼
3.經過源碼編譯
git clone git@github.com:qiniu/js-sdk.git
,進入項目根目錄執行 npm install
,執行 npm run build
,便可在 dist 目錄生成 qiniu.min.js
。
訪問咱們的官方文檔站 或是 Fork GitHub 可瞭解更多信息
關注公衆號七牛雲,瞭解更多信息哦~