Как загружать картинку на локальный сервер через axios?

Question

[Павел]

Доброго времени суток. Работаю с VUE JS. Удается загрузить изображение в переменную.

<md-file type="file" @change="onFileSelected" v-model="NewPost.cover" accept="image/*" />
        <md-button class="md-raised md-primary" @click="onUpload">Загрузить</md-button>

methods: {
    onFileSelected: function(event){
      this.selectedimage = event.target.files[0]
 
    },
    onUpload: function(){
      const fd = new FormData();
      fd.append('image', this.selectedimage, this.selectedimage.name);
			axios.post("/img", fd)
			.then(function(response){
        	console.log(response);
				
			});
    },
}

Возникли сложности с загрузкой изображения на сервер (локальный) через axios POST. Хочется именно, чтобы изображения (например image.png) грузились в папку с изображениями (например img). Полноценного ответа не нашел. Хотелось бы услышать ваше мнение.

Answer 1

[Дима Паутов]

js в браузере не имеет доступа к файловой системе, вы не сможете сохранить таким образом изображение. Для этого вам нужен либо php, либо node.js

Comments

[Павел]

хорошо, допустим если я буду делать этот через php, то в каком виде мне нужно передать изображение?
То есть я буду через axios post обращаться к своему API, который в свою очередь как-то сможет загрузить изображение, но в каком формате\виде я должен передать это изображение в php?

[Дима Паутов]

1) new FormData + заголовок 'Content-Type': `multipart/form-data;
2) base64

Как вам удобнее

[Павел]

Дима Турков, сейчас буду пробовать