Нужна помощь с vue компонентом
Есть компонент
<template> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8"> <div class="card"> <div class="card-header">Laravel Vue JS Image Upload - ItSolutionStuff.com</div> <div class="card-body"> <div v-if="success != ''" class="alert alert-success" role="alert"> {{success}} </div> <form @submit="formSubmit" enctype="multipart/form-data"> <strong>Name:</strong> <input type="text" class="form-control" v-model="name"> <strong>Image:</strong> <input type="file" class="form-control" v-on:change="onImageChange"> <button class="btn btn-success">Submit</button> </form> </div> </div> </div> </div> </div> </template> <script> export default { mounted() { console.log('Component mounted.') }, data() { return { name: '', image: '', success: '' }; }, methods: { onImageChange(e){ console.log(e.target.files[0]); this.image = e.target.files[0]; }, formSubmit(e) { e.preventDefault(); let currentObj = this; const config = { headers: { 'content-type': 'multipart/form-data' } } let formData = new FormData(); formData.append('image', this.image); axios.post('/formSubmit', formData, config) .then(function (response) { currentObj.success = response.data.success; }) .catch(function (error) { currentObj.output = error; }); } } } </script> Как сделать, чтобы в POST запросе ещё передавался name? Ребята сильно не ругайте, я просто очень редко и то работаю с PHP...очень надеюсь на Вашу помощь |
formData.append('name', this.name); Чтоб до этого додуматься не нужно знание вообще ничего. Достаточно элементарной логики. |
Хотите верти,хотите нет. Пробывал....но только после вашей подсказки заработало=)
Спасибо |
Часовой пояс GMT +3, время: 06:53. |