将图像上传到Webpack

时间:2017-06-06 02:46:55

标签: javascript html reactjs webpack create-react-app

我无法在本地上传图片。

我使用 create-react-app 启动了一个新的React项目,我想知道如何将图像上传到我的本地文件夹。

我的代码(和项目结构):

. ├── components | ├── PostForm.js ├── images | ├── img1.jpg | ├── img2.jpg

在我的 PostForm.js 中,我有一个渲染方法:

<div className='col-md-12 form-group'> <input type="file" value={this.state.image} onChange= {this.handleChangeImage}/> </div>

以下是上传文件的输入, this.handleChangeImage this.state 如下所示:

this.state = { title: '', tag: '', description: '', image: '' }; handleChangeImage = (event) => { this.setState({ image: event.target.value }); };

我只能将图像设置为控制台错误所说的字符串。 所以我想要的是从<input type='file' />获取图像后将其发送到 / images 文件夹。

这可能吗?

谢谢大家! :)

0 个答案:

没有答案