Add tests #8 and fix issues #9 #10

.gitignore

@@ -0,0 +1,45 @@
+testconfig
+RNFetchBlobTest/
+test/test-server/public/*
+!test/test-server/public/github.png
+
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IJ
+#
+.idea
+.gradle
+local.properties
+
+# node.js
+#
+node_modules/
+npm-debug.log
+
+# BUCK
+buck-out/
+\.buckd/
+android/app/libs
+android/keystores/debug.keystore

README.md

@@ -0,0 +1,158 @@
+# react-native-fetch-blob [![npm version](https://badge.fury.io/js/react-native-fetch-blob.svg)](https://badge.fury.io/js/react-native-fetch-blob)
+
+A react-native module for fetch file/image with custom headers, supports blob response data.
+
+If you're dealing with image or file server that requires an `Authorization` token in the header, or you're having problem with `fetch` API when receiving blob data, you might try this module (this is also the reason why I made this).
+
+See [[fetch] Does fetch with blob() marshal data across the bridge?](https://github.com/facebook/react-native/issues/854).
+
+This module enables you upload/download binary data in js, see [Examples](#user-content-usage) bellow.
+
+The source code is very simple, just an implementation of native HTTP request, supports both Android (uses awesome native library  [AsyncHttpClient](https://github.com/AsyncHttpClient/async-http-client])) and IOS.
+
+## Usage
+
+* [Installation](#user-content-installation)
+* [Examples](#user-content-usage)
+ * [Download file](#user-content-download-example--fetch-files-that-needs-authorization-token)
+ * [Upload file](#user-content-upload-example--dropbox-files-upload-api)
+ * [Multipart/form upload](#user-content-multipartform-data-example--post-form-data-with-file-and-data)
+* [API](#user-content-api)
+
+## Installation
+
+Install package from npm
+
+```sh
+npm install --save react-native-fetch-blob
+```
+
+Link package using [rnpm](https://github.com/rnpm/rnpm)
+
+```sh
+rnpm link
+```
+
+## Usage
+
+```js
+import RNFetchBlob from 'react-native-fetch-blob'
+```
+#### Download example : Fetch files that needs authorization token
+
+```js
+
+// send http request in a new thread (using native code)
+RNFetchBlob.fetch('GET', 'http://www.example.com/images/img1.png', {
+    Authorization : 'Bearer access-token...',
+    // more headers  ..
+  })
+  // when response status code is 200
+  .then((res) => {
+    // the conversion is done in native code
+    let base64Str = res.base64()
+    // the following conversions are done in js, it's SYNC
+    let text = res.text()
+    let json = res.json()
+
+  })
+  // Status code is not 200
+  .catch((errorMessage, statusCode) => {
+    // error handling
+  })
+```
+
+####  Upload example : Dropbox [files-upload](https://www.dropbox.com/developers/documentation/http/documentation#files-upload) API
+
+`react-native-fetch-blob` will convert the base64 string in `body` to binary format using native API, this process will be  done in a new thread, so it's async.
+
+```js
+
+RNFetchBlob.fetch('POST', 'https://content.dropboxapi.com/2/files/upload', {
+    Authorization : "Bearer access-token...",
+    'Dropbox-API-Arg': JSON.stringify({
+      path : '/img-from-react-native.png',
+      mode : 'add',
+      autorename : true,
+      mute : false
+    }),
+    'Content-Type' : 'application/octet-stream',
+  }, base64ImageString)
+  .then((res) => {
+    console.log(res.text())
+  })
+  .catch((err) => {
+    // error handling ..
+  })
+```
+
+#### Multipart/form-data example : Post form data with file and data
+
+In `version >= 0.3.0` you can also post files with form data,  just put an array in `body`, with object elements with property `name`, `data`, and `filename`(optional).
+
+Elements have property `filename` will be transformed into binary format, otherwise it turns into utf8 string.
+
+```js
+
+  RNFetchBlob.fetch('POST', 'http://www.example.com/upload-form', {
+    Authorization : "Bearer access-token",
+    otherHeader : "foo",
+    'Content-Type' : 'multipart/form-data',
+  }, [
+    // element with property `filename` will be transformed into `file` in form data
+    { name : 'avatar', filename : 'avatar.png', data: binaryDataInBase64},
+    // elements without property `filename` will be sent as plain text
+    { name : 'name', data : 'user'},
+    { name : 'info', data : JSON.stringify({
+      mail : 'example@example.com',
+      tel : '12345678'
+    })},
+  ]).then((resp) => {
+    // ...
+  }).catch((err) => {
+    // ...
+  })
+```
+
+## API
+
+#### `fetch(method, url, headers, body):Promise<FetchBlobResponse> `
+
+Send a HTTP request uses given headers and body, and return a Promise.
+
+#### method:`string` Required
+HTTP request method, can be one of `get`, `post`, `delete`, and `put`, case-insensitive.
+#### url:`string` Required
+HTTP request destination url.
+#### headers:`object` (Optional)
+Headers of HTTP request, value of headers should be `stringified`, if you're uploading binary files, content-type should be `application/octet-stream` or `multipart/form-data`(see examples above).
+#### body:`string | Array<Object>` (Optional)
+Body of the HTTP request, body can either be a BASE64 string, or an array contains object elements, each element have 2  required property `name`, and `data`, and 1 optional property `filename`, once `filename` is set, content in `data` property will be consider as BASE64 string that will be converted into byte array later.
+
+When body is a base64 string , this string will be converted into byte array in native code, and the request body will be sent as `application/octet-stream`.
+
+#### `base64`
+
+A helper object simply uses [base-64](https://github.com/mathiasbynens/base64) for decode and encode BASE64 data.
+
+```js
+RNFetchBlob.base64.encode(data)
+RNFetchBlob.base64.decode(data)
+```
+
+### FetchBlobResponse
+
+When `fetch` success, it resolve a `FetchBlobResponse` object as first argument. `FetchBlobResponse` object has the following methods (these method are synchronous, so you might take quite a performance impact if the file is big)
+
+#### base64():string
+  returns base64 string of response data (done in native context)
+#### json():object
+  returns json parsed object (done in js context)
+#### text():string
+  returns decoded base64 string (done in js context)
+
+
+### TODO
+
+* Save file to storage
+* Custom MIME type in form data

package.json

@@ -0,0 +1,17 @@
+{
+  "name": "fetchblob",
+  "version": "0.4.0",
+  "private": true,
+  "scripts": {
+    "start": "node node_modules/react-native/local-cli/cli.js start",
+    "test": "sh test.sh"
+  },
+  "devDependencies": {
+    "body-parser": "^1.15.0",
+    "express": "^4.13.4",
+    "multer": "^1.1.0"
+  },
+  "dependencies": {
+    "react-native-fetch-blob": "file:src"
+  }
+}

src/.gitignore

@@ -0,0 +1,55 @@
+node_modules/
+
+# Xcode
+#
+# gitignore contributors: remember to update Global/Xcode.gitignore, Objective-C.gitignore & Swift.gitignore
+
+## Build generated
+build/
+DerivedData/
+
+## Various settings
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata/
+
+## Other
+*.moved-aside
+*.xcuserstate
+
+## Obj-C/Swift specific
+*.hmap
+*.ipa
+*.dSYM.zip
+*.dSYM
+
+# CocoaPods
+#
+# We recommend against adding the Pods directory to your .gitignore. However
+# you should judge for yourself, the pros and cons are mentioned at:
+# https://guides.cocoapods.org/using/using-cocoapods.html#should-i-check-the-pods-directory-into-source-control
+#
+# Pods/
+
+# Carthage
+#
+# Add this line if you want to avoid checking in source code from Carthage dependencies.
+# Carthage/Checkouts
+
+Carthage/Build
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md
+
+fastlane/report.xml
+fastlane/screenshots

src/README.md

@@ -0,0 +1,158 @@
+# react-native-fetch-blob [![npm version](https://badge.fury.io/js/react-native-fetch-blob.svg)](https://badge.fury.io/js/react-native-fetch-blob)
+
+A react-native module for fetch file/image with custom headers, supports blob response data.
+
+If you're dealing with image or file server that requires an `Authorization` token in the header, or you're having problem with `fetch` API when receiving blob data, you might try this module (this is also the reason why I made this).
+
+See [[fetch] Does fetch with blob() marshal data across the bridge?](https://github.com/facebook/react-native/issues/854).
+
+This module enables you upload/download binary data in js, see [Examples](#user-content-usage) bellow.
+
+The source code is very simple, just an implementation of native HTTP request, supports both Android (uses awesome native library  [AsyncHttpClient](https://github.com/AsyncHttpClient/async-http-client])) and IOS.
+
+## Usage
+
+* [Installation](#user-content-installation)
+* [Examples](#user-content-usage)
+ * [Download file](#user-content-download-example--fetch-files-that-needs-authorization-token)
+ * [Upload file](#user-content-upload-example--dropbox-files-upload-api)
+ * [Multipart/form upload](#user-content-multipartform-data-example--post-form-data-with-file-and-data)
+* [API](#user-content-api)
+
+## Installation
+
+Install package from npm
+
+```sh
+npm install --save react-native-fetch-blob
+```
+
+Link package using [rnpm](https://github.com/rnpm/rnpm)
+
+```sh
+rnpm link
+```
+
+## Usage
+
+```js
+import RNFetchBlob from 'react-native-fetch-blob'
+```
+#### Download example : Fetch files that needs authorization token
+
+```js
+
+// send http request in a new thread (using native code)
+RNFetchBlob.fetch('GET', 'http://www.example.com/images/img1.png', {
+    Authorization : 'Bearer access-token...',
+    // more headers  ..
+  })
+  // when response status code is 200
+  .then((res) => {
+    // the conversion is done in native code
+    let base64Str = res.base64()
+    // the following conversions are done in js, it's SYNC
+    let text = res.text()
+    let json = res.json()
+
+  })
+  // Status code is not 200
+  .catch((errorMessage, statusCode) => {
+    // error handling
+  })
+```
+
+####  Upload example : Dropbox [files-upload](https://www.dropbox.com/developers/documentation/http/documentation#files-upload) API
+
+`react-native-fetch-blob` will convert the base64 string in `body` to binary format using native API, this process will be  done in a new thread, so it's async.
+
+```js
+
+RNFetchBlob.fetch('POST', 'https://content.dropboxapi.com/2/files/upload', {
+    Authorization : "Bearer access-token...",
+    'Dropbox-API-Arg': JSON.stringify({
+      path : '/img-from-react-native.png',
+      mode : 'add',
+      autorename : true,
+      mute : false
+    }),
+    'Content-Type' : 'application/octet-stream',
+  }, base64ImageString)
+  .then((res) => {
+    console.log(res.text())
+  })
+  .catch((err) => {
+    // error handling ..
+  })
+```
+
+#### Multipart/form-data example : Post form data with file and data
+
+In `version >= 0.3.0` you can also post files with form data,  just put an array in `body`, with object elements with property `name`, `data`, and `filename`(optional).
+
+Elements have property `filename` will be transformed into binary format, otherwise it turns into utf8 string.
+
+```js
+
+  RNFetchBlob.fetch('POST', 'http://www.example.com/upload-form', {
+    Authorization : "Bearer access-token",
+    otherHeader : "foo",
+    'Content-Type' : 'multipart/form-data',
+  }, [
+    // element with property `filename` will be transformed into `file` in form data
+    { name : 'avatar', filename : 'avatar.png', data: binaryDataInBase64},
+    // elements without property `filename` will be sent as plain text
+    { name : 'name', data : 'user'},
+    { name : 'info', data : JSON.stringify({
+      mail : 'example@example.com',
+      tel : '12345678'
+    })},
+  ]).then((resp) => {
+    // ...
+  }).catch((err) => {
+    // ...
+  })
+```
+
+## API
+
+#### `fetch(method, url, headers, body):Promise<FetchBlobResponse> `
+
+Send a HTTP request uses given headers and body, and return a Promise.
+
+#### method:`string` Required
+HTTP request method, can be one of `get`, `post`, `delete`, and `put`, case-insensitive.
+#### url:`string` Required
+HTTP request destination url.
+#### headers:`object` (Optional)
+Headers of HTTP request, value of headers should be `stringified`, if you're uploading binary files, content-type should be `application/octet-stream` or `multipart/form-data`(see examples above).
+#### body:`string | Array<Object>` (Optional)
+Body of the HTTP request, body can either be a BASE64 string, or an array contains object elements, each element have 2  required property `name`, and `data`, and 1 optional property `filename`, once `filename` is set, content in `data` property will be consider as BASE64 string that will be converted into byte array later.
+
+When body is a base64 string , this string will be converted into byte array in native code, and the request body will be sent as `application/octet-stream`.
+
+#### `base64`
+
+A helper object simply uses [base-64](https://github.com/mathiasbynens/base64) for decode and encode BASE64 data.
+
+```js
+RNFetchBlob.base64.encode(data)
+RNFetchBlob.base64.decode(data)
+```
+
+### FetchBlobResponse
+
+When `fetch` success, it resolve a `FetchBlobResponse` object as first argument. `FetchBlobResponse` object has the following methods (these method are synchronous, so you might take quite a performance impact if the file is big)
+
+#### base64():string
+  returns base64 string of response data (done in native context)
+#### json():object
+  returns json parsed object (done in js context)
+#### text():string
+  returns decoded base64 string (done in js context)
+
+
+### TODO
+
+* Save file to storage
+* Custom MIME type in form data

src/android/.gitignore

@@ -0,0 +1,55 @@
+# Built application files
+*.apk
+*.ap_
+
+# Files for the Dalvik VM
+*.dex
+
+# Java class files
+*.class
+
+# Generated files
+bin/
+gen/
+out/
+
+# Gradle files
+.gradle/
+build/
+
+# Local configuration file (sdk path, etc)
+local.properties
+
+# Proguard folder generated by Eclipse
+proguard/
+
+# Log Files
+*.log
+
+# Android Studio Navigation editor temp files
+.navigation/
+
+# Android Studio captures folder
+captures/
+
+# Intellij
+*.iml
+
+# Keystore files
+*.jks
+
+# Eclipse Metadata
+.metadata/
+#
+# Mac OS X clutter
+*.DS_Store
+#
+# Windows clutter
+Thumbs.db
+#
+# # Intellij IDEA (see https://intellij-support.jetbrains.com/entries/23393067)
+*.iws
+.idea/libraries
+.idea/tasks.xml
+.idea/vcs.xml
+.idea/workspace.xml

src/android/build.gradle

@@ -0,0 +1,38 @@
+apply plugin: 'com.android.library'
+
+repositories {
+    mavenCentral()
+}
+
+buildscript {
+    repositories {
+        mavenCentral()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:2.0.0'
+    }
+}
+
+android {
+    compileSdkVersion 23
+    buildToolsVersion "23.0.3"
+    defaultConfig {
+        minSdkVersion 16
+        targetSdkVersion 23
+        versionCode 1
+        versionName "1.0"
+    }
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
+        }
+    }
+    productFlavors {
+    }
+}
+
+dependencies {
+    compile 'com.facebook.react:react-native:+'
+    compile 'com.loopj.android:android-async-http:1.4.9'
+}

src/android/gradle/wrapper/gradle-wrapper.properties

@@ -0,0 +1,6 @@
+#Wed May 18 12:33:41 CST 2016
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-2.10-all.zip

src/android/gradlew

@@ -0,0 +1,160 @@
+#!/usr/bin/env bash
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS=""
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn ( ) {
+    echo "$*"
+}
+
+die ( ) {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+esac
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin, switch paths to Windows format before running java
+if $cygwin ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=$((i+1))
+    done
+    case $i in
+        (0) set -- ;;
+        (1) set -- "$args0" ;;
+        (2) set -- "$args0" "$args1" ;;
+        (3) set -- "$args0" "$args1" "$args2" ;;
+        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules
+function splitJvmOpts() {
+    JVM_OPTS=("$@")
+}
+eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS
+JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME"
+
+exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"

src/android/gradlew.bat

@@ -0,0 +1,90 @@
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS=
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windowz variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+if "%@eval[2+2]" == "4" goto 4NT_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+goto execute
+
+:4NT_args
+@rem Get arguments from the 4NT Shell from JP Software
+set CMD_LINE_ARGS=%$
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega

src/android/proguard-rules.pro

@@ -0,0 +1,17 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /Users/xeiyan/Library/Android/sdk/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}

src/android/src/main/AndroidManifest.xml

@@ -0,0 +1,11 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.RNFetchBlob">
+
+    <application
+        android:allowBackup="true"
+        android:label="@string/app_name"
+        android:supportsRtl="true">
+
+    </application>
+
+</manifest>

src/android/src/main/java/com/RNFetchBlob/RNFetchBlob.java

@@ -0,0 +1,183 @@
+package com.RNFetchBlob;
+
+import android.net.Uri;
+import android.text.style.AlignmentSpan;
+
+import com.facebook.react.bridge.Callback;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableMapKeySetIterator;
+import com.loopj.android.http.AsyncHttpClient;
+import com.loopj.android.http.AsyncHttpResponseHandler;
+import com.loopj.android.http.Base64;
+import com.loopj.android.http.BinaryHttpResponseHandler;
+import com.loopj.android.http.RequestParams;
+
+import java.io.ByteArrayOutputStream;
+import java.nio.charset.Charset;
+import java.nio.charset.StandardCharsets;
+
+import cz.msebera.android.httpclient.Header;
+import cz.msebera.android.httpclient.entity.BufferedHttpEntity;
+import cz.msebera.android.httpclient.entity.ByteArrayEntity;
+import cz.msebera.android.httpclient.entity.ContentType;
+import cz.msebera.android.httpclient.entity.StringEntity;
+import cz.msebera.android.httpclient.message.BasicHeader;
+import cz.msebera.android.httpclient.protocol.HTTP;
+
+public class RNFetchBlob extends ReactContextBaseJavaModule {
+
+
+    public RNFetchBlob(ReactApplicationContext reactContext) {
+        super(reactContext);
+    }
+
+    @Override
+    public String getName() {
+        return "RNFetchBlob";
+    }
+
+    @ReactMethod
+    public void fetchBlob(String method, String url, ReadableMap headers, String body, final Callback callback) {
+
+        try {
+            Uri uri = Uri.parse(url);
+            AsyncHttpClient req = new AsyncHttpClient();
+
+            // set params
+            RequestParams params = new RequestParams();
+            ByteArrayEntity entity = null;
+
+            // set params
+            for (String paramName : uri.getQueryParameterNames()) {
+                params.put(paramName, uri.getQueryParameter(paramName));
+            }
+
+            // set headers
+            ReadableMapKeySetIterator it = headers.keySetIterator();
+            while (it.hasNextKey()) {
+                String key = it.nextKey();
+                req.addHeader(key, headers.getString(key));
+            }
+
+            // set body for POST and PUT
+            if(body != null && method.equalsIgnoreCase("post") || method.equalsIgnoreCase("put")) {
+                byte [] blob = Base64.decode(body, 0);
+                entity = new ByteArrayEntity(blob);
+                entity.setContentType(headers.getString("Content-Type"));
+            }
+
+            // create handler
+            AsyncHttpResponseHandler handler = new RNFetchBlobHandler(callback);
+
+            // send request
+            switch(method.toLowerCase()) {
+                case "get" :
+                    req.get(url, params, handler);
+                    break;
+                case "post" :
+                    req.post(this.getReactApplicationContext(), url, entity, "octet-stream", handler);
+                    break;
+                case "put" :
+                    req.put(this.getReactApplicationContext(), url, entity, "octet-stream",handler);
+                    break;
+                case "delete" :
+                    req.delete(url, params, handler);
+                    break;
+            }
+        } catch(Exception error) {
+            callback.invoke( "RNFetchBlob serialize request data failed: " + error.getMessage() + error.getCause());
+        }
+
+    }
+
+    @ReactMethod
+    public void fetchBlobForm(String method, String url, ReadableMap headers, ReadableArray body, final Callback callback) {
+
+        try {
+            Uri uri = Uri.parse(url);
+            AsyncHttpClient req = new AsyncHttpClient();
+
+            // set params
+            RequestParams params = new RequestParams();
+            ByteArrayEntity entity = null;
+
+            // set params
+            for (String paramName : uri.getQueryParameterNames()) {
+                params.put(paramName, uri.getQueryParameter(paramName));
+            }
+
+            // set headers
+            if(headers != null) {
+                ReadableMapKeySetIterator it = headers.keySetIterator();
+                while (it.hasNextKey()) {
+                    String key = it.nextKey();
+                    req.addHeader(key, headers.getString(key));
+                }
+            }
+
+            // set body for POST and PUT
+            if(body != null && method.equalsIgnoreCase("post") || method.equalsIgnoreCase("put")) {
+
+                Long tsLong = System.currentTimeMillis()/1000;
+                String ts = tsLong.toString();
+                ByteArrayOutputStream outputStream = new ByteArrayOutputStream( );
+                String boundary = "RNFetchBlob".concat(ts);
+                for(int i =0; i<body.size() ; i++) {
+                    ReadableMap map = body.getMap(i);
+                    String name = map.getString("name");
+                    // file field
+                    if(map.hasKey("filename")) {
+                        String filename = map.getString("filename");
+                        byte [] file = Base64.decode(map.getString("data"), 0);
+                        outputStream.write(String.format("--%s\r\n", boundary).getBytes("UTF-8"));
+                        outputStream.write(("Content-Disposition: form-data; name=\""+name+"\"; filename=\""+filename+"\"\r\n").getBytes("UTF-8"));
+                        outputStream.write(String.format("Content-Type: application/octet-stream\r\n\r\n").getBytes());
+                        outputStream.write(file);
+                        outputStream.write("\r\n".getBytes());
+                    }
+                    // data field
+                    else {
+                        String data = map.getString("data");
+                        outputStream.write(String.format("--%s\r\n", boundary).getBytes("UTF-8"));
+                        outputStream.write(String.format("Content-Disposition: form-data; name=\""+name+"\"; \r\n").getBytes("UTF-8"));
+                        outputStream.write(String.format("Content-Type: text/plain\r\n\r\n").getBytes());
+                        outputStream.write((data+"\r\n").getBytes());
+                    }
+                }
+                outputStream.write(String.format("--%s--\r\n", boundary).getBytes());
+                byte bodyBytes[] = outputStream.toByteArray( );
+                entity = new ByteArrayEntity(bodyBytes);
+                entity.setContentType(headers.getString("Content-Type") + "; charset=utf8; boundary=" + boundary);
+                req.addHeader("Content-Type", headers.getString("Content-Type") + "; charset=utf8; boundary=" + boundary);
+            }
+
+            // create handler
+            AsyncHttpResponseHandler handler = new RNFetchBlobHandler(callback);
+
+            // send request
+            switch(method.toLowerCase()) {
+                case "get" :
+                    req.get(url, params, handler);
+                    break;
+                case "post" :
+                    req.post(this.getReactApplicationContext(), url, entity, "multipart/form-data; charset=utf8", handler);
+                    break;
+                case "put" :
+                    req.put(this.getReactApplicationContext(), url, entity, "multipart/form-data",handler);
+                    break;
+                case "delete" :
+                    req.delete(url, params, handler);
+                    break;
+            }
+        } catch(Exception error) {
+            callback.invoke( "RNFetchBlob serialize request data failed: " + error.getMessage() + error.getCause());
+        }
+
+    }
+
+}
+

src/android/src/main/java/com/RNFetchBlob/RNFetchBlobHandler.java

@@ -0,0 +1,32 @@
+package com.RNFetchBlob;
+
+import com.facebook.react.bridge.Callback;
+import com.loopj.android.http.AsyncHttpResponseHandler;
+import com.loopj.android.http.Base64;
+
+import cz.msebera.android.httpclient.Header;
+
+public class RNFetchBlobHandler extends AsyncHttpResponseHandler {
+
+    Callback onResponse;
+
+    RNFetchBlobHandler(Callback onResponse) {
+        this.onResponse = onResponse;
+    }
+
+    @Override
+    public void onSuccess(int statusCode, Header[] headers, byte[] binaryData) {
+        String value = Base64.encodeToString(binaryData, Base64.NO_WRAP);
+        this.onResponse.invoke(null, value);
+    }
+
+    @Override
+    public void onProgress(long bytesWritten, long totalSize) {
+        super.onProgress(bytesWritten, totalSize);
+    }
+
+    @Override
+    public void onFailure(final int statusCode, final Header[] headers, byte[] binaryData, final Throwable error) {
+        this.onResponse.invoke(statusCode, error.getMessage()+ ", "+ error.getCause());
+    }
+}

src/android/src/main/java/com/RNFetchBlob/RNFetchBlobPackage.java

@@ -0,0 +1,43 @@
+package com.RNFetchBlob;
+
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.Callback;
+import com.facebook.react.bridge.JavaScriptModule;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableMapKeySetIterator;
+import com.facebook.react.bridge.ReadableType;
+import com.facebook.react.uimanager.ViewManager;
+
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.List;
+
+/**
+ * Created by xeiyan on 2016/4/29.
+ */
+public class RNFetchBlobPackage implements ReactPackage {
+
+    @Override
+    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
+        List<NativeModule> modules = new ArrayList<>();
+        modules.add(new RNFetchBlob(reactContext));
+        return modules;
+    }
+
+    @Override
+    public List<Class<? extends JavaScriptModule>> createJSModules() {
+        return Collections.emptyList();
+    }
+
+    @Override
+    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
+        return Collections.emptyList();
+    }
+
+}

src/android/src/main/res/values/strings.xml

@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">react-native-fetch-blob</string>
+</resources>

src/index.js

@@ -0,0 +1,86 @@
+/**
+ * @author wkh237
+ * @version 0.3.3
+ */
+
+import { NativeModules } from 'react-native'
+import base64 from 'base-64'
+
+const RNFetchBlob = NativeModules.RNFetchBlob
+
+// Show warning if native module not detected
+if(RNFetchBlob === void 0) {
+  console.warn(
+    'react-native-fetch-blob could not find native module.',
+    'please make sure you have linked native modules using `rnpm link`,',
+    'and restart RN packager or manually compile IOS/Android project.'
+  )
+}
+
+// Promise wrapper function
+const fetch = (...args) => {
+
+  let promise = new Promise((resolve, reject) => {
+
+    let [method, url, headers, body] = [...args]
+    let nativeMethodName = Array.isArray(body) ? 'fetchBlobForm' : 'fetchBlob'
+
+    RNFetchBlob[nativeMethodName](method, url, headers, body, (err, ...data) => {
+      if(err)
+        reject(new Error(err, ...data))
+      else
+        resolve(new FetchBlobResponse(...data))
+    })
+
+  })
+
+  return promise
+
+}
+
+/**
+ * RNFetchBlob response object class.
+ */
+class FetchBlobResponse {
+
+  constructor(data) {
+    this.data = data
+    /**
+     * Convert result to javascript Blob object.
+     * @param  {string} contentType MIME type of the blob object.
+     * @param  {number} sliceSize   Slice size.
+     * @return {blob}             Return Blob object.
+     */
+    this.blob = (contentType, sliceSize) => {
+      console.warn('FetchBlobResponse.blob() is deprecated and has no funtionality.')
+      return null
+    }
+    /**
+     * Convert result to text.
+     * @return {string} Decoded base64 string.
+     */
+    this.text = () => {
+      return base64.decode(this.data)
+    }
+    /**
+     * Convert result to JSON object.
+     * @return {object} Parsed javascript object.
+     */
+    this.json = () => {
+      return JSON.parse(base64.decode(this.data))
+    }
+    /**
+     * Return BASE64 string directly.
+     * @return {string} BASE64 string of response body.
+     */
+    this.base64 = () => {
+      return this.data
+    }
+
+  }
+
+}
+
+export default {
+  fetch, FetchBlobResponse, base64
+}

src/ios/RNFetchBlob.xcodeproj/project.pbxproj

@@ -0,0 +1,278 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 46;
+	objects = {
+/* Begin PBXBuildFile section */
+		A15C30141CD25C330074CB35 /* RNFetchBlob.m in Sources */ = {isa = PBXBuildFile; fileRef = A15C30131CD25C330074CB35 /* RNFetchBlob.m */; };
+		A166D1AA1CE0647A00273590 /* RNFetchBlob.h in Sources */ = {isa = PBXBuildFile; fileRef = A15C30111CD25C330074CB35 /* RNFetchBlob.h */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXCopyFilesBuildPhase section */
+		A15C300C1CD25C330074CB35 /* CopyFiles */ = {
+			isa = PBXCopyFilesBuildPhase;
+			buildActionMask = 2147483647;
+			dstPath = "include/$(PRODUCT_NAME)";
+			dstSubfolderSpec = 16;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXCopyFilesBuildPhase section */
+
+/* Begin PBXFileReference section */
+		A15C300E1CD25C330074CB35 /* libRNFetchBlob.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libRNFetchBlob.a; sourceTree = BUILT_PRODUCTS_DIR; };
+		A15C30111CD25C330074CB35 /* RNFetchBlob.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; name = RNFetchBlob.h; path = RNFetchBlob/RNFetchBlob.h; sourceTree = "<group>"; };
+		A15C30131CD25C330074CB35 /* RNFetchBlob.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; name = RNFetchBlob.m; path = RNFetchBlob/RNFetchBlob.m; sourceTree = "<group>"; };
+		ADC1D945EE804D3DA47CF622 /* RNFetchBlob.xcodeproj */ = {isa = PBXFileReference; name = "RNFetchBlob.xcodeproj"; path = "../../node_modules/react-native-fetch-blob/ios/RNFetchBlob.xcodeproj"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = wrapper.pb-project; explicitFileType = undefined; includeInIndex = 0; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		A15C300B1CD25C330074CB35 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		A15C30051CD25C330074CB35 = {
+			isa = PBXGroup;
+			children = (
+				A15C30111CD25C330074CB35 /* RNFetchBlob.h */,
+				A15C30131CD25C330074CB35 /* RNFetchBlob.m */,
+				A15C300F1CD25C330074CB35 /* Products */,
+				8BD9ABDFAF76406291A798F2 /* Libraries */,
+			);
+			sourceTree = "<group>";
+		};
+		A15C300F1CD25C330074CB35 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				A15C300E1CD25C330074CB35 /* libRNFetchBlob.a */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		8BD9ABDFAF76406291A798F2 /* Libraries */ = {
+			isa = PBXGroup;
+			children = (
+				ADC1D945EE804D3DA47CF622 /* RNFetchBlob.xcodeproj */,
+			);
+			name = Libraries;
+			path = "";
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		A15C300D1CD25C330074CB35 /* RNFetchBlob */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = A15C30171CD25C330074CB35 /* Build configuration list for PBXNativeTarget "RNFetchBlob" */;
+			buildPhases = (
+				A15C300A1CD25C330074CB35 /* Sources */,
+				A15C300B1CD25C330074CB35 /* Frameworks */,
+				A15C300C1CD25C330074CB35 /* CopyFiles */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = RNFetchBlob;
+			productName = RNFetchBlob;
+			productReference = A15C300E1CD25C330074CB35 /* libRNFetchBlob.a */;
+			productType = "com.apple.product-type.library.static";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		A15C30061CD25C330074CB35 /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastUpgradeCheck = 730;
+				ORGANIZATIONNAME = suzuri04x2;
+				TargetAttributes = {
+					A15C300D1CD25C330074CB35 = {
+						CreatedOnToolsVersion = 7.3;
+					};
+				};
+			};
+			buildConfigurationList = A15C30091CD25C330074CB35 /* Build configuration list for PBXProject "RNFetchBlob" */;
+			compatibilityVersion = "Xcode 3.2";
+			developmentRegion = English;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				en,
+			);
+			mainGroup = A15C30051CD25C330074CB35;
+			productRefGroup = A15C300F1CD25C330074CB35 /* Products */;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				A15C300D1CD25C330074CB35 /* RNFetchBlob */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXSourcesBuildPhase section */
+		A15C300A1CD25C330074CB35 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				A166D1AA1CE0647A00273590 /* RNFetchBlob.h in Sources */,
+				A15C30141CD25C330074CB35 /* RNFetchBlob.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin XCBuildConfiguration section */
+		A15C30151CD25C330074CB35 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.3;
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = iphoneos;
+			};
+			name = Debug;
+		};
+		A15C30161CD25C330074CB35 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
+				COPY_PHASE_STRIP = NO;
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 9.3;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = iphoneos;
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+		A15C30181CD25C330074CB35 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				HEADER_SEARCH_PATHS = (
+					"$(inherited)",
+					"$(SRCROOT)/Libraries/**",
+					"$(SRCROOT)/../node_modules/react-native/React/**",
+					"$(SRCROOT)/../../React/**",
+					"$(SRCROOT)/../../react-native/React/**",
+					"$(SRCROOT)/../../node_modules/react-native/React/**",
+					"$(SRCROOT)/../../node_modules/react-native-fetch-blob/ios/RNFetchBlob",
+				);
+				OTHER_LDFLAGS = "-ObjC";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
+			};
+			name = Debug;
+		};
+		A15C30191CD25C330074CB35 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				HEADER_SEARCH_PATHS = (
+					"$(inherited)",
+					"$(SRCROOT)/Libraries/**",
+					"$(SRCROOT)/../node_modules/react-native/React/**",
+					"$(SRCROOT)/../../React/**",
+					"$(SRCROOT)/../../react-native/React/**",
+					"$(SRCROOT)/../../node_modules/react-native/React/**",
+					"$(SRCROOT)/../../node_modules/react-native-fetch-blob/ios/RNFetchBlob",
+				);
+				OTHER_LDFLAGS = "-ObjC";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		A15C30091CD25C330074CB35 /* Build configuration list for PBXProject "RNFetchBlob" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				A15C30151CD25C330074CB35 /* Debug */,
+				A15C30161CD25C330074CB35 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		A15C30171CD25C330074CB35 /* Build configuration list for PBXNativeTarget "RNFetchBlob" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				A15C30181CD25C330074CB35 /* Debug */,
+				A15C30191CD25C330074CB35 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = A15C30061CD25C330074CB35 /* Project object */;
+}

src/ios/RNFetchBlob/RNFetchBlob.h

@@ -0,0 +1,25 @@
+//
+//  RNFetchBlob.h
+//
+//  Created by suzuri04x2 on 2016/4/28.
+//  Copyright © 2016年 Facebook. All rights reserved.
+//
+
+#ifndef RNFetchBlob_h
+#define RNFetchBlob_h
+
+#import "RCTBridgeModule.h"
+
+@interface RNFetchBlob : NSObject <RCTBridgeModule> 
+
+@end
+
+@interface FetchBlobUtils : NSObject
+
++ (void) onBlobResponse;
++ (NSMutableDictionary *) normalizeHeaders;
+
+@end
+
+
+#endif /* RNFetchBlob_h */

src/ios/RNFetchBlob/RNFetchBlob.m

@@ -0,0 +1,168 @@
+//
+//  RNFetchBlob.m
+//
+//  Created by suzuri04x2 on 2016/4/28.
+//  Copyright © 2016年 Facebook. All rights reserved.
+//
+
+#import "RNFetchBlob.h"
+#import "RCTConvert.h"
+#import "RCTLog.h"
+#import <Foundation/Foundation.h>
+
+
+////////////////////////////////////////
+//
+//  Util functions
+//
+////////////////////////////////////////
+
+@implementation FetchBlobUtils
+
+// callback class method to handle request
++ (void) onBlobResponse:(NSURLResponse * _Nullable)response withData:(NSData * _Nullable)data withError:(NSError * _Nullable)connectionError withCallback:(RCTResponseSenderBlock)callback{
+    
+    NSHTTPURLResponse* resp = (NSHTTPURLResponse *) response;
+    NSString* status = [NSString stringWithFormat:@"%d", resp.statusCode];
+    
+    if(connectionError)
+    {
+        callback(@[[connectionError localizedDescription], [NSNull null]]);
+    }
+    else if(![status isEqualToString:@"200"]) {
+        callback(@[status, [NSNull null]]);
+    }
+    else {
+        callback(@[[NSNull null], [data base64EncodedStringWithOptions:0]]);
+    }
+    
+}
+
+// removing case of headers
++ (NSMutableDictionary *) normalizeHeaders:(NSDictionary *)headers {
+    
+    NSMutableDictionary * mheaders = [[NSMutableDictionary alloc]init];
+    for(NSString * key in headers) {
+        [mheaders setValue:[headers valueForKey:key] forKey:[key lowercaseString]];
+    }
+    
+    return mheaders;
+}
+
+@end
+
+
+////////////////////////////////////////
+//
+//  Exported native methods
+//
+////////////////////////////////////////
+
+@implementation RNFetchBlob
+
+RCT_EXPORT_MODULE();
+
+// Fetch blob data request
+RCT_EXPORT_METHOD(fetchBlobForm:(NSString *)method url:(NSString *)url headers:(NSDictionary *)headers form:(NSArray *)form callback:(RCTResponseSenderBlock)callback)
+{
+    
+    // send request
+    NSMutableURLRequest *request = [[NSMutableURLRequest alloc]
+                                    initWithURL:[NSURL
+                                                 URLWithString: url]];
+    NSMutableDictionary *mheaders = [[NSMutableDictionary alloc] initWithDictionary:[ FetchBlobUtils normalizeHeaders:headers]];
+    
+    
+    NSTimeInterval timeStamp = [[NSDate date] timeIntervalSince1970];
+    NSNumber * timeStampObj = [NSNumber numberWithDouble: timeStamp];
+    
+    // generate boundary
+    NSString * boundary = [NSString stringWithFormat:@"RNFetchBlob%d", timeStampObj];
+    
+    // if method is POST or PUT, convert data string format
+    if([[method lowercaseString] isEqualToString:@"post"] || [[method lowercaseString] isEqualToString:@"put"]) {
+        NSMutableData * postData = [[NSMutableData alloc] init];
+        
+        // combine multipart/form-data body
+        for(id field in form) {
+            NSString * name = [field valueForKey:@"name"];
+            NSString * content = [field valueForKey:@"data"];
+            // field is a text field
+            if([field valueForKey:@"filename"] == nil) {
+                [postData appendData:[[NSString stringWithFormat:@"--%@\r\n", boundary] dataUsingEncoding:NSUTF8StringEncoding]];
+                [postData appendData:[[NSString stringWithFormat:@"Content-Disposition: form-data; name=\"%@\"\r\n", name] dataUsingEncoding:NSUTF8StringEncoding]];
+                [postData appendData:[[NSString stringWithFormat:@"Content-Type: text/plain\r\n\r\n"] dataUsingEncoding:NSUTF8StringEncoding]];
+                [postData appendData:[[NSString stringWithFormat:@"%@\r\n", content] dataUsingEncoding:NSUTF8StringEncoding]];
+            }
+            // field contains a file
+            else {
+                NSData* blobData = [[NSData alloc] initWithBase64EncodedString:content options:0];
+                NSString * filename = [field valueForKey:@"filename"];
+                [postData appendData:[[NSString stringWithFormat:@"--%@\r\n", boundary] dataUsingEncoding:NSUTF8StringEncoding]];
+                [postData appendData:[[NSString stringWithFormat:@"Content-Disposition: form-data; name=\"%@\"; filename=\"%@\"\r\n", name, filename] dataUsingEncoding:NSUTF8StringEncoding]];
+                [postData appendData:[[NSString stringWithFormat:@"Content-Type: application/octet-stream\r\n\r\n"] dataUsingEncoding:NSUTF8StringEncoding]];
+                [postData appendData:blobData];
+                [postData appendData:[[NSString stringWithFormat:@"\r\n"] dataUsingEncoding:NSUTF8StringEncoding]];
+            }
+            
+        }
+        // close form data
+        [postData appendData: [[NSString stringWithFormat:@"--%@--\r\n", boundary] dataUsingEncoding:NSUTF8StringEncoding]];
+        [request setHTTPBody:postData];
+        // set content-length
+        [mheaders setValue:[NSString stringWithFormat:@"%d",[postData length]] forKey:@"Content-Length"];
+        [mheaders setValue:[NSString stringWithFormat:@"100-continue",[postData length]] forKey:@"Expect"];
+        // appaned boundary to content-type
+        [mheaders setValue:[NSString stringWithFormat:@"multipart/form-data; charset=utf-8; boundary=%@", boundary] forKey:@"content-type"];
+        
+    }
+    
+    [request setHTTPMethod: method];
+    [request setAllHTTPHeaderFields:mheaders];
+    
+    // create thread for http request
+    NSOperationQueue *queue = [[NSOperationQueue alloc] init];
+    [NSURLConnection sendAsynchronousRequest:request queue:queue completionHandler:^(NSURLResponse * _Nullable response, NSData * _Nullable data, NSError * _Nullable connectionError) {
+        
+        [FetchBlobUtils onBlobResponse:response withData:data withError: connectionError withCallback: callback];
+        
+    }];
+    
+}
+
+// Fetch blob data request
+RCT_EXPORT_METHOD(fetchBlob:(NSString *)method url:(NSString *)url headers:(NSDictionary *)headers body:(NSString *)body callback:(RCTResponseSenderBlock)callback)
+{
+    // send request
+    NSMutableURLRequest *request = [[NSMutableURLRequest alloc]
+                                    initWithURL:[NSURL
+                                                 URLWithString: url]];
+    
+    NSMutableDictionary *mheaders = [[NSMutableDictionary alloc] initWithDictionary:[FetchBlobUtils normalizeHeaders:headers]];
+
+    // if method is POST or PUT, convert data string format
+    if([[method lowercaseString] isEqualToString:@"post"] || [[method lowercaseString] isEqualToString:@"put"]) {
+        
+        // generate octet-stream body
+        NSData* blobData = [[NSData alloc] initWithBase64EncodedString:body options:0];
+        NSMutableData* postBody = [[NSMutableData alloc] init];
+        [postBody appendData:[NSData dataWithData:blobData]];
+        [request setHTTPBody:postBody];
+        [mheaders setValue:@"application/octet-stream" forKey:@"content-type"];
+        
+    }
+    
+    [request setHTTPMethod: method];
+    [request setAllHTTPHeaderFields:mheaders];
+    
+    // create thread for http request
+    NSOperationQueue *queue = [[NSOperationQueue alloc] init];
+    [NSURLConnection sendAsynchronousRequest:request queue:queue completionHandler:^(NSURLResponse * _Nullable response, NSData * _Nullable data, NSError * _Nullable connectionError) {
+        
+        [FetchBlobUtils onBlobResponse:response withData:data withError: connectionError withCallback: callback];
+        
+    }];
+    
+}
+@end
+

src/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "react-native-fetch-blob",
+  "version": "0.4.1",
+  "description": "A react-native plugin for fetch blob data via HTTP.",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "dependencies": {
+    "base-64": "0.1.0"
+  },
+  "keywords": [
+    "react-native",
+    "fetch",
+    "blob",
+    "image header"
+  ],
+  "repository": {
+    "url": "https://github.com/wkh237/react-native-fetch-blob.git"
+  },
+  "author": "wkh237",
+  "license": "MIT"
+}

test.sh

@@ -0,0 +1,49 @@
+TEST_APP_NAME='RNFetchBlobTest'
+TEST_APP_PATH="$(pwd)/${TEST_APP_NAME}"
+TARGET='android'
+CWD=$(pwd)
+
+if [ "$#" -eq 1 ]; then
+  if [ "$1" == 'android' ]; then
+    TARGET="$1"
+    echo 'start android test'
+  elif [ "$1" == 'ios' ]; then
+    TARGET="$1"
+    echo 'start ios test'
+  else
+    exit "unreconized target platform $1"
+  fi
+elif [ "$#" -gt 2 ] && [ "$1" == 'path' ]; then
+  TEST_APP_PATH="$2"
+  TARGET="$3"
+  echo "use exist test app path=$2 target=$3"
+else
+  exit "unreconized arguments."
+fi
+
+
+# Create new rn project
+if [ "$#" -eq 1 ]; then
+  echo 'create new app for test ..'
+  rm -rf "${TEST_APP_NAME}"
+  react-native init "${TEST_APP_NAME}"
+fi
+cp -R test/ "${TEST_APP_PATH}/"
+
+# install module
+cd "${TEST_APP_PATH}"
+npm install --save "${CWD}/src"
+rnpm link
+
+# start RN
+cd "${TEST_APP_PATH}"
+if [ "$#" == 4 ]; then
+  sed -i.bak "s/RNFetchBlobTest/$4/" ./index.test.js
+fi
+react-native "run-${TARGET}"
+
+# start test server
+cd "${CWD}/test/test-server"
+# kill existing server
+kill "$(lsof | grep :8123 | awk '{ printf $2 }')"
+node server

test/in-app-test-runner/app-test.js

@@ -0,0 +1,38 @@
+export default class RNAppTest {
+
+  constructor() {
+    this.tests = []
+    this.context = null
+  }
+
+  describe (desc, fn) {
+
+    this.tests.push({
+      status : 'running',
+      result : null,
+      asserts : [],
+      desc, fn,
+    })
+
+  }
+
+  run (context) {
+    this.context = context
+    let promise = Promise.resolve()
+    for(let i in this.tests) {
+      promise = promise.then(function(update, data) {
+        return this.fn(update, data)
+      }.bind(
+        this.tests[i],
+        this.update.bind(this, i)
+      ))
+    }
+    return promise
+  }
+
+  update(i, data) {
+    Object.assign(this.tests[i], data)
+    this.context.forceUpdate()
+  }
+
+}

test/in-app-test-runner/assert.js

@@ -0,0 +1,54 @@
+// @flow
+import React, {Component} from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View,
+  Platform,
+  ScrollView,
+  Image,
+} from 'react-native';
+
+export default class Assert extends Component {
+
+  props : {
+    expect : any,
+    actual : any
+  };
+
+  constructor(props) {
+    super(props)
+  }
+
+  render() {
+    return (
+      <View style={{
+        padding : 16,
+        borderLeftWidth : 5,
+        marginTop : 4,
+        backgroundColor : 'white',
+        borderColor : this.getAssertion() ? '#00a825' : '#ff0d0d'
+      }}>
+        <Text style={{
+          color : this.getAssertion() ? '#00a825' : '#ff0d0d',
+          margin : 8,
+          marginLeft : 0
+        }}>{ this.getAssertion() ? '✅' : '×' } Assertion description</Text>
+        <Text style={{flex : 1, flexDirection : 'row'}}>
+          <Text style={{ color : '#AAA'}}>expect </Text>
+          <Text style={{flex : 1}}>{this.props.expect}</Text>
+        </Text>
+        <Text style={{flex : 1, flexDirection : 'row'}}>
+          <Text style={{color : '#AAA'}}>actual  </Text>
+          <Text style={{flex : 1}}>{this.props.actual}</Text>
+        </Text>
+      </View>
+    )
+  }
+
+  getAssertion() {
+    return this.props.expect === this.props.actual
+  }
+
+}

test/in-app-test-runner/index.js

@@ -0,0 +1,11 @@
+import TestContext from './app-test'
+import Reporter from './reporter'
+import Assert from './assert'
+import Info from './info'
+
+export default {
+  TestContext,
+  Reporter,
+  Info,
+  Assert
+}

test/in-app-test-runner/info.js

@@ -0,0 +1,33 @@
+// @flow
+import React, {Component} from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View,
+} from 'react-native';
+
+export default class Info extends Component {
+
+  props : {
+    description : string,
+  }
+
+  render() {
+    return (
+      <View style={{
+        borderTopWidth :1 ,
+        alignItems : 'center',
+        borderTopColor : '#DDD'
+      }}>
+        <View style={{ alignSelf : 'stretch'}}>
+          <Text style={{color : '#777', alignSelf : 'stretch', textAlign : 'center', margin : 8}}>
+            {this.props.description}
+          </Text>
+        </View>
+        <View style={{alignSelf : 'stretch'}}>{this.props.children}</View>
+      </View>
+    )
+  }
+
+}

test/in-app-test-runner/reporter.js

@@ -0,0 +1,90 @@
+import React, {Component} from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View,
+  Platform,
+  ScrollView,
+  Image,
+} from 'react-native';
+
+import Assert from './assert.js'
+
+export default class Reporter extends Component {
+
+  render() {
+    return (
+      <ScrollView key="rn-test-scroller" style={styles.container}>
+        {this.renderTests()}
+      </ScrollView>)
+  }
+
+  renderTests() {
+    return this.props.context.tests.map((t, i) => {
+
+      let pass = true
+      let foundAssertions = false
+
+      Array.isArray(t.result) && t.result.forEach((r) => {
+        if(r.type.name === 'Assert') {
+          foundAssertions = true
+          pass = pass && (r.props.actual === r.props.expect)
+        }
+      })
+
+      t.status = foundAssertions ? (pass ? 'pass' : 'fail') : t.status
+
+      return (<View key={'rn-test-' + t.desc} style={{
+        borderBottomWidth : 1.5,
+        borderColor : '#DDD',
+      }}>
+        <View key={t.desc} style={{
+          alignItems : 'center',
+          flexDirection : 'row'
+        }}>
+          <Text style={[styles.badge, {flex : 1, borderWidth : 0}]}>{t.desc}</Text>
+          <Text style={[styles.badge, this.getBadge(t.status)]}>{t.status}</Text>
+        </View>
+        <View key={t.desc + '-result'} style={{backgroundColor : '#F4F4F4'}}>
+          {t.result}
+        </View>
+      </View>)
+    })
+  }
+
+  getBadge(status) {
+    if(status === 'running')
+      return styles.badgeRunning
+    else if(status === 'pass')
+      return styles.badgePass
+    else
+      return styles.badgeFail
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    marginTop : 40,
+  },
+  badge : {
+    margin : 16,
+    padding : 4,
+    borderRadius : 4,
+    borderWidth : 2,
+  },
+  badgePass: {
+    borderColor : '#00a825',
+    color : '#00a825'
+  },
+  badgeRunning: {
+    borderColor : '#e3c423',
+    color : '#e3c423'
+  },
+  badgeFail: {
+    borderColor : '#ff0d0d',
+    color : '#ff0d0d'
+  }
+});

test/index.android.js

@@ -0,0 +1 @@
+require('./index.test.js')

test/index.ios.js

@@ -0,0 +1 @@
+require('./index.test.js')

test/index.test.js

@@ -0,0 +1,42 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ * @flow
+ */
+import React, {Component} from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View,
+  Platform,
+  ScrollView,
+  Image,
+} from 'react-native';
+
+import RNTest from './in-app-test-runner'
+import TestContext from './tests'
+
+
+class fetchblob extends Component {
+
+  constructor(props) {
+    super(props)
+  }
+
+  componentDidMount() {
+    TestContext.run(this)
+  }
+
+  render() {
+
+    return (
+      <RNTest.Reporter key="test-container" context={TestContext}/>
+    )
+  }
+
+}
+
+
+
+AppRegistry.registerComponent('RNFetchBlobTest', () => fetchblob);

test/test-server/.gitignore

@@ -0,0 +1 @@
+uploads/

test/test-server/server.js

@@ -0,0 +1,48 @@
+var express = require('express');
+var bodyParser = require('body-parser');
+var multer = require('multer');
+var upload = multer({dest : 'uploads/'});
+var app = express();
+var fs = require('fs');
+
+app.listen(8123, function(err){
+
+  if(!err)
+    console.log('test server running at port ',8123)
+
+})
+
+// app.use(bodyParser.raw())
+
+app.use(upload.any())
+
+app.use('/public', express.static('./public'))
+
+app.post('/upload', function(req, res){
+
+  console.log(req.headers)
+  console.log(req.body)
+  fs.writeFile('./uploads/file'+Date.now()+'.png', req.body,function(err){
+    if(!err)
+      res.status(200).send({ message : 'ok'})
+    else
+      res.status(500).send({ message : err})
+  })
+
+})
+
+app.post('/upload-form', function(req, res) {
+  console.log(req.headers)
+  console.log(req.body)
+  console.log(req.files)
+  if(Array.isArray(req.files)) {
+    req.files.forEach((f) => {
+      console.log(process.cwd() + f.path, '=>', process.cwd() + '/public/' + f.originalname)
+      fs.renameSync('./' + f.path, './public/'+ f.originalname)
+    })
+  }
+  res.status(200).send({
+    fields : req.body,
+    files : req.files
+  })
+})

test/tests.js

@@ -0,0 +1,116 @@
+import RNTest from './in-app-test-runner'
+import React from 'react'
+import RNFetchBlob from 'react-native-fetch-blob'
+
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View,
+  Platform,
+  ScrollView,
+  Dimensions,
+  Image,
+} from 'react-native';
+
+const FILENAME = `${Platform.OS}-0.4.0-${Date.now()}.png`
+// paste your test config here
+const TEST_SERVER_URL = 'http://your-local-ip:8123'
+const DROPBOX_TOKEN = 'drop-box-api-token'
+
+const ctx = new RNTest.TestContext()
+const Assert = RNTest.Assert
+const Info = RNTest.Info
+
+let image = null
+
+ctx.describe('GET image from server', async function(report) {
+  let resp = await RNFetchBlob
+    .fetch('GET', `${TEST_SERVER_URL}/public/github.png`, {
+      Authorization : 'Bearer abde123eqweje'
+    })
+
+  image = resp.base64()
+  report({
+    status : 'pass',
+    result : [
+      <Info key="11" description="Response image">
+        <Image key="1"
+          style={{width:Dimensions.get('window').width*0.9, height : Dimensions.get('window').width*0.9,margin :16}}
+          source={{uri : `data:image/png;base64, ${image}`}}/>
+      </Info>
+    ]
+  })
+  return image
+
+})
+
+ctx.describe('Upload octet-stream image to Dropbox', async function(report) {
+
+  let resp = await RNFetchBlob.fetch('POST', 'https://content.dropboxapi.com/2/files/upload', {
+    Authorization : `Bearer ${DROPBOX_TOKEN}`,
+    'Dropbox-API-Arg': '{\"path\": \"/rn-upload/'+FILENAME+'\",\"mode\": \"add\",\"autorename\": true,\"mute\": false}',
+    'Content-Type' : 'application/octet-stream',
+  }, image)
+  resp = resp.json()
+  report({
+    status : 'pass',
+    result : [
+      <Assert key="1" expect={FILENAME} actual={resp.name}/>
+    ],
+  })
+
+})
+
+ctx.describe('Upload multipart/form-data', async function(report, data) {
+
+  let resp = await RNFetchBlob.fetch('POST', `${TEST_SERVER_URL}/upload-form`, {
+      Authorization : "Bearer fsXcpmKPrHgAAAAAAAAAEGxFXwhejXM_E8fznZoXPhHbhbNhA-Lytbe6etp1Jznz",
+      'Content-Type' : 'multipart/form-data',
+    }, [
+      { name : 'test-img', filename : 'test-img.png', data: image},
+      { name : 'test-text', filename : 'test-text.txt', data: RNFetchBlob.base64.encode('hello.txt')},
+      { name : 'field1', data : 'hello !!'},
+      { name : 'field2', data : 'hello2 !!'}
+    ])
+
+  resp = resp.json()
+
+  report({
+    status : 'pass',
+    result : [
+      <Assert key="1" expect="hello !!" actual={resp.fields.field1}/>,
+      <Assert key="2" expect="hello2 !!" actual={resp.fields.field2}/>,
+    ],
+  })
+
+})
+
+ctx.describe('Compare uploaded multipart image', async function(report) {
+  // try {
+    let resp = await RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/test-img.png`, {})
+    let resp2 = await RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/test-text.txt`, {})
+    console.log(resp)
+    console.log(resp2)
+    report({
+      status : 'pass',
+      result : [
+        <Assert key="1" expect={image.length} actual={resp.base64().length}/>,
+        <Assert key="2" expect={'hello.txt'} actual={resp2.text()}/>
+      ]
+    })
+  // } catch(err) {
+  //
+  //   report({
+  //     status : 'fail',
+  //     result :[
+  //       <Info key="a" description="Detail">
+  //         <Text>{JSON.stringify(err)}</Text>
+  //       </Info>]
+  //   })
+  // }
+
+})
+
+
+export default ctx