Это мой первый пост здесь, хотя я читаю его все время, поэтому, пожалуйста, поправьте меня всеми возможными способами, я, вероятно, не правильно спрашиваю об этом.Я создаю приложение VUE, которое будет отправлять изображения в папку на моем сервере.Для этого я пытаюсь использовать Axios.post для отправки моих formData в мой PHP-файл для обработки.Я проверил, что разрешения в php.ini работают (они есть, у меня есть альтернативная версия того же поста, который использует сырой php без запроса ajax, и он работает нормально, но загружается в новом окне, которое я пытаюсьизбегать).
Вот что я считаю уместным.
Vue компонент
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
Vue.component('uploader1', {
props:['yo'],
template:
`<div>
<label>
<div class="cButton">Artwork Image(1)</div>
<input class="hiddenInput" id="file" type="file" ref="file" @change="onFileChanged">
</label>
<div class="cButton" @click="onUpload">Upload</div>
</div>`,
data(){
return{selectedFile: null}
},
methods:{
onFileChanged (event) {
this.selectedFile = event.target.files[0]
},
onUpload() {
const formData = new FormData()
// formData.append('myFile', this.selectedFile, this.selectedFile.name)
// console.log(this.selectedFile)
// console.log(formData.get('myFile'))
axios.post('http://asagiannini.com/crit/axios_upload.php', formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
}).then(function(data){
console.log(data.data);
})
.catch(function(){
console.log('FAILURE!!');
});
},
},
})
Я подтвердил, что добавление форм-данных работает.Я подтвердил, что Axios загружается правильно.Я подтвердил, что мой сервер поддерживает загрузку файлов, но я понятия не имею, почему, когда я отображаю $ _FILES в моем php, он выглядит как пустой массив.