서버 없이 이미지를 업로드할 수 있는 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에서도 사용할 수 있는데 리액션의 사용법을 소개해 드리겠습니다.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]
Reference
이 문제에 관하여(서버 없이 이미지를 업로드할 수 있는 SaaS "Baku"제작), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/endotakashi/items/431c578d6367ccf1a3e0
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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.
})
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>
);
}
}
Reference
이 문제에 관하여(서버 없이 이미지를 업로드할 수 있는 SaaS "Baku"제작), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/endotakashi/items/431c578d6367ccf1a3e0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)