서버 없이 이미지를 업로드할 수 있는 SaaS "Baku"제작

1721 단어 ReactSaaS

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에서도 사용할 수 있는데 리액션의 사용법을 소개해 드리겠습니다.
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/유저를 무료로 이용할 수 있다.그 이상은 유료가 필요한 구조입니다.
이 서비스를 함께 만든 엔지니어/디자이너
자금을 제공할 투자자를 모집하고 있다.관심 있는 사람은 아래의 주소를 사용할 수 있다
[email protected]

좋은 웹페이지 즐겨찾기