Hello,
I’m really confused about what append parameters are. Can you please inform me?
Here comes my code:
<template>
<h1>Uploading an Image!</h1>
<p>This component demonstrates Uploading Image to server.</p>
<div>
<form>
<input type="text" value="" v-model="projectName" placeholder="please enter the project name." />
<input type="file" v-on:change="getFile($event)" />
<button v-on:click="submitForm($event)">Upload</button>
</form>
</div>
</template>
<script>
import axios from 'axios'
export default {
data() {
return {
projectName: "",
file: ""
}
},
methods: {
getFile(event) {
this.file = event.target.files[0];
console.log(this.file);
},
submitForm(event) {
event.preventDefault();
let formData = new FormData();
formData.append("file", this.file);
formData.append("projectName");
let config = {
headers: {
"Content-Type": "multipart/form-data"
}
};
this.axios.post('/api/Image', {
formData,
config
})
.then(function (response) {
if (response.status === 200) {
console.log(response.data);
}
})
.catch(function (error) {
alert(error);
});
}
}
};
</script>
thanks,
Saeed