Загрузка файла изображения из React в Laravel (API) - PullRequest
1 голос
/ 03 мая 2020

Я пытаюсь опубликовать новую форму участника (пользователя) с изображением в таблице Members в Laravel. Кажется, я не могу получить правильный контроллер и проверку для работы на Laravel. Любая помощь будет высоко ценится.

`import React, { useState, Component, useEffect } from "react";
import axios from "axios";

class UploadImage extends Component {
    constructor(props) {
        super(props);
        this.state ={
          image: ''
        }
        // this.onFormSubmit = this.onFormSubmit.bind(this)
        this.handleFileUpload = this.handleFileUpload.bind(this)
        this.handleFileHandler = this.handleFileHandler.bind(this)
      }

    handleFileUpload = (event) =>{
        console.log(event.target.files[0])
        this.setState({
            image:event.target.files[0]
        })
    };


    handleFileHandler = (e) =>{
        e.preventDefault();
        let formData = new FormData();
        formData.append("image", this.state.image);

        axios.put('http://band_app.test/api/file/1/image_list',formData)
        .then(response=> {
            console.log(response)
        })
        .catch(error=>{
            console.log(error)
        })
    };

    render() {

      return (
        <form encType="multipart/form-data" onSubmit={this.handleFileHandler}>
        <input onChange={this.handleFileUpload} type="file" name="image"/>
        <button type="submit">Upload</button>
      </form>
      );
    }
  }

  export default UploadImage;`
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...