サーバなしで画像をアップロードできるSaaS「Baku」を作った

Baku

react + firebaseでアプリを作っている際、画像のアップロードをシンプルに代行してくれるサービスがなかったので作りました。よけいなものは一切なく、アップロードしてURLを返すだけのサービスです。

使い方

npm i --save ba-ku

import Baku from 'ba-ku';
const baku = new Baku()

baku.upload(FILE,(e,res)=>{
  console.log(res.url)
  //This is hosted file url.
})

baku.upload()にファイルオブジェクトを投げるとアップロードしてくれます。
実際にはjQueryでもangularでも使えますが、ここではReactでの使い方を紹介します。

import React, { Component } from 'react';
import Baku from 'ba-ku';
const baku = new Baku()

export default class App extends Component {
  constructor(props) {
      super(props);
      this.state = {
          image:''
      };
  }
  handleFileSelect = (e)=>{
    baku.upload(e.target.files[0],(e,res)=>{
      this.setState({image:res.url})
    })
  };
  render() {
    return (
      <div>
      <input type='file' onChange={this.handleFileSelect}></input>
        <img src={this.state.image} />
    </div>
    );
  }
}

詳細はgithubより
https://github.com/tkshi/baku

現在は無料で10GB/ユーザまで使えます。それ以上は課金が必要な仕組みです。

---

一緒にこのサービスを作ってくれるエンジニア/デザイナー
資金提供をしてくれる投資家を募集中です。興味のある方は下記アドレスまで
[e-mail]