fixed xhr when binnary

Author: JackPu

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-core-image-upload",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "description": "a vue plgin for image upload and crop",
   "main": "src/index.js",
   "dependencies": {

site/client/components/doc/cn/CompressImage.vue

@@ -9,6 +9,7 @@
         @imageuploaded="imageUploded"
         :max-file-size="5242880"
         compress="50"
+        :data="params"
         url="http://101.198.151.190/api/upload.php" >
       </vue-core-image-upload>
     </div>
@@ -25,14 +26,18 @@
 
 <script>
 
-import VueCoreImageUpload from 'vue-core-image-upload'
+import VueCoreImageUpload from '../../../../src/vue-core-image-upload.vue'
 export default {
   components: {
     VueCoreImageUpload,
   },
   data() {
     return {
       src: 'http://img1.vued.vanthink.cn/vued0a233185b6027244f9d43e653227439a.png',
+      params: {
+        auth: '123123',
+        arr: [123,123123]
+      }
     };
   },
 

src/lib/xhr.js

@@ -1,7 +1,6 @@
 /**
  * simple ajax handler
  **/
-
  //ADD sendAsBinary compatibilty to older browsers
  if (XMLHttpRequest.prototype.sendAsBinary === undefined) {
    XMLHttpRequest.prototype.sendAsBinary = function(string) {
@@ -25,6 +24,7 @@ module.exports = function (method, url, headers, data, callback, err, isBinary)
     binary = method;
     method = 'GET';
   }
+  console.log(data);
   method = method.toUpperCase();
   // Xhr.responseType 'json' is not supported in any of the vendors yet.
   r.onload = function () {
@@ -54,8 +54,19 @@ module.exports = function (method, url, headers, data, callback, err, isBinary)
   if (method === 'GET' || method === 'DELETE') {
     data = null;
   } else if (isBinary) {
+    const keyData = data;
     const code = data.base64Code.replace('data:' + data.type + ';base64,', '');
-    data = ['--' + boundary, 'Content-Disposition: form-data; name="' + data.filed + '"; filename="' + data.filename + '"', 'Content-Type: ' + data.type, '', window.atob(code), '--' + boundary + '--'].join('\r\n');
+    data = ['--' + boundary, 'Content-Disposition: form-data; name="' + data.filed + '"; filename="' + data.filename + '"', 'Content-Type: ' + data.type, '', window.atob(code), ''].join('\r\n');
+    const keyArr = Object.keys(keyData);
+    if (keyArr.length > 4) {
+      for (const k of keyArr) {
+        if (['filed', 'filename', 'type', 'base64Code'].indexOf(k) == -1) {
+          data += ['--' + boundary, 'Content-Disposition: form-data; name="' + k + '";', '', ''].join('\r\n');
+          data += [typeof keyData[k] === 'object' ? JSON.stringify(keyData[k]) : keyData[k], ''].join('\r\n');
+        }
+      }
+    }
+    data += '--' + boundary + '--';
   }
   // Open the path, async
   r.open(method, url, true);