Upload to ipfs via backend

src/components/UploadPicture.jsx

@@ -21,9 +21,6 @@ const UploadPicture = ({ picture, setPicture, imgAlt, disabled, aspectRatio, lab
     },
     onChange(info) {
       const { status } = info.file;
-      if (status !== 'uploading') {
-        console.log(info.file, info.fileList);
-      }
       if (status === 'done') {
         console.log('file uploaded successfully.', info.file.response);
         setPicture(info.file.response);

src/services/IPFSService.js

@@ -1,42 +1,43 @@
 import config from '../configuration';
 import ImageTools from '../lib/ImageResizer';
 import ErrorPopup from '../components/ErrorPopup';
+import { feathersClient } from '../lib/feathersClient';
 
 class IPFSService {
   /**
    * Upload a json object or Blob to ipfs
    *
    * @param {object|Blob|string} obj Object/Blob to upload to ipfsGateway. The only valid string is a base64 encoded image.
    */
-  static upload(obj) {
+  static async upload(obj) {
     const { ipfsGateway } = config;
     if (!ipfsGateway || ipfsGateway === '') {
       console.log('not uploading to ipfs. missing ipfsGateway url');
       return Promise.resolve();
     }
 
-    let body;
     if (typeof obj === 'string') {
       if (obj.match(/^\/ipfs\/[^/]+$/) !== null) {
         return Promise.resolve(obj);
       }
       if (!ImageTools.isImage(obj)) {
         throw new Error('Cant upload string to ipfs');
       }
-      body = ImageTools.toBlob(obj);
-    } else {
-      body =
-        obj instanceof Blob ? obj : new Blob([JSON.stringify(obj)], { type: 'application/json' });
     }
 
-    return fetch(`${ipfsGateway}`, {
-      method: 'POST',
-      body,
-    }).then(res => {
-      if (res.ok) return `/ipfs/${res.headers.get('Ipfs-Hash')}`;
-      ErrorPopup('Something went wrong with the upload.', 'IPFS upload unsuccessful');
-      throw new Error('IPFS upload unsuccessful', res);
+    const reader = new FileReader();
+    reader.readAsDataURL(obj);
+    await new Promise(resolve => {
+      reader.onloadend = resolve;
     });
+
+    try {
+      const result = await feathersClient.service('uploads').create({ uri: reader.result });
+      return result;
+    } catch (e) {
+      ErrorPopup('Something went wrong with the upload.', 'Upload unsuccessful');
+      throw new Error('IPFS upload unsuccessful', e);
+    }
   }
 }