feat: example base64 to blob and doc

README.md

@@ -798,7 +798,7 @@ Add an object to the bucket.
 parameters:
 
 - name {String} object name store on OSS
-- file {String|Buffer|ReadStream} object local path, content buffer or ReadStream content instance
+- file {String|Buffer|ReadStream|File(only support Browser)|Blob(only support Browser)} object local path, content buffer or ReadStream content instance use in Node, Blob and html5 File
 - [options] {Object} optional parameters
  - [timeout] {Number} the operation timeout
  - [mime] {String} custom mime, will send with `Content-Type` entity header
@@ -1793,7 +1793,7 @@ this function contains initMultipartUpload, uploadPart, completeMultipartUpload.
 parameters:
 
 - name {String} object name
-- file {String|File} file path or HTML5 Web File
+- file {String|File(only support Browser)|Blob(only support Browser)} file path or HTML5 Web File or web Blob
 - [options] {Object} optional args
  - [parallel] {Number} the number of parts to be uploaded in parallel
  - [partSize] {Number} the suggested size for each part

example/index.js

@@ -1,4 +1,4 @@
-'use strict';
+
 
 // require("babel-polyfill")
 
@@ -29,15 +29,15 @@ const applyTokenDo = function (func, refreshSts) {
  if (refresh) {
  const url = appServer;
  return $.ajax({
- url
+ url,
  }).then((result) => {
  const creds = result;
  const client = new OSS.Wrapper({
  region,
  accessKeyId: creds.AccessKeyId,
  accessKeySecret: creds.AccessKeySecret,
  stsToken: creds.SecurityToken,
- bucket
+ bucket,
  });
 
  console.log(OSS.version);
@@ -73,8 +73,8 @@ const uploadFile = function (client) {
  partSize: 100 * 1024,
  meta: {
  year: 2017,
- people: 'test'
- }
+ people: 'test',
+ },
  };
  if (currentCheckpoint) {
  options.checkpoint = currentCheckpoint;
@@ -116,32 +116,33 @@ function dataURLtoFile(dataurl, filename) {
  while (n--) {
  u8arr[n] = bstr.charCodeAt(n);
  }
- return new File([u8arr], filename, { type: mime });
+ return new Blob([u8arr], { type: mime });// if env support File, also can use this: return new File([u8arr], filename, { type: mime });
 }
 
 
 const uploadBase64Img = function (client) {
  const base64Content = document.getElementById('base64-file-content').value.trim();
  const key = document.getElementById('base64-object-key-file').value.trim() || 'object';
- if (base64Content.startsWith('data:image')) {
+ if (base64Content.indexOf('data:image') === 0) {
  const imgfile = dataURLtoFile(base64Content, 'img.png');
  client.multipartUpload(key, imgfile, {
- progress: base64progress
+ progress: base64progress,
  }).then((res) => {
  console.log('upload success: %j', res);
  }).catch((err) => {
  console.error(err);
  });
+ } else {
+ alert('Please fill in the correct Base64 img');
  }
- alert('Please fill in the correct Base64 img');
 };
 
 const listFiles = function (client) {
  const table = document.getElementById('list-files-table');
  console.log('list files');
 
  return client.list({
- 'max-keys': 100
+ 'max-keys': 100,
  }).then((result) => {
  const objects = result.objects.sort((a, b) => {
  const ta = new Date(a.lastModified);
@@ -180,7 +181,7 @@ const uploadBlob = function (client) {
  console.log(`content => ${key}`);
 
  return client.put(key, new Blob([content], { type: 'text/plain' })).then(res => listFiles(client));
-}
+};
 
 
 const downloadFile = function (client) {
@@ -190,8 +191,8 @@ const downloadFile = function (client) {
 
  const result = client.signatureUrl(object, {
  response: {
- 'content-disposition': `attachment; filename="${filename}"`
- }
+ 'content-disposition': `attachment; filename="${filename}"`,
+ },
  });
  window.location = result;