Я использую Vuetify js, и я пытаюсь создать систему сообщений с вложениями.
Я использую Vuex asyn c и ожидаю управления состоянием и отправки http-запроса. однако я посылаю json запрос формата, а не multipart / form-data, это будет возможно?
//html input
<input type="file" multiple ref="attachments" @change="fileOnChange" />
data() {
return {
form: new Form({
receiver: "",
subject: "",
content: "",
attachments: []
})
}
}
//method
fileOnChange() {
let files = this.$refs.attachments.files;
if (!files.length) {
return false;
}
for (let i = 0; i < files.length; i++) {
this.form.attachments.push(files[i]);
}
},
sendMessage() {
this.addMessage(this.form)
}
, и когда действие запускается, это код Vuex
async addMessage({ commit }, message) {
const config = { headers: { "Content-Type": "multipart/form-data" } };
const response = await axios.post("api/message", message, config);
},
Каков наилучший способ хранения файлов в хранилище LARAVEL и сохранения его в базе данных?