Besoin d'aide ?

get la valeur d'input de type file en utilisant le vuejs et laravel 5.5

  • Avatar de mariyagi
    Membre depuis :
    29/03/2017
    Messages :
    26

    Bonjour,
    svp je travaille sur une interface avec laravel et vue js2 , j'ai un formulaire avec un champ de type file
    je n'arrive pas à recupérer le contenu de mon input type file avec v-model pour l'insérer dans ma base de données en utlisant axios.

    # mon code html :

    <div class="form-group">
    <label for="country" class="col-md-4 control-label">Prix</label>
    <input type="text" v-model="article.prix" class="form-control" value="{{old('prix')}}">
    </div>
    <div class="form-group">
    <label for="image" class="col-md-4 control-label">image</label>
    <input type="file" v-model="article.image" class="form-control" value="">
    </div>

    fonction au niveau de controlleur

    public function AddArticle(Request $request){
    $art=new Article();

    $art->prix=$request->prix;
    $art->id_categorie=$request->id_categorie;
    if($request->hasFile($request->image)){
    $art->image=$request->image->store('articles');
    }
    $art->save();
    return Response()->json(['etat'=>true,'id'=>$art->id]);
    }

    methos vueJs

    addArticl:function(e){
    axios.post(window.Laravel.url+'/addArticle',this.article)

    .then( response => {
    if(response.data.etat){
    this.open.article=false;
    this.article.id=response.data.id;
    this.articles.unshift(this.article);
    this.article={
    id:0,
    idCategorie:window.Laravel.idCategorie,
    name:'',
    image:'',
    prix:0

    }
    }

    })

    .catch( error =>{
    console.log('errors :', error);
    })
    },
    }
  • Avatar de bestmomo
    Membre depuis :
    07/04/2013
    Messages :
    1673

    Salut,

    Ton code n'est pas du tout lisible du coup tu auras du mal à avoir une réponse.

Vous ne pouvez pas répondre à ce sujet.