figured it out, the upload was incorrect, it is working like this:
data.append("recording[path_to_recording]", {
uri: "file://" + rec._fsPath,
name: "filename.mp4",
type: "audio/mp4"
});
benonymus
0
benonymus
figured it out, the upload was incorrect, it is working like this, you need to specify the type
data.append("recording[path_to_recording]", {
uri: "file://" + rec._fsPath,
name: "filename.mp4",
type: "audio/mp4"
});
0
NeutronStein
Actually it was not the docs but an example https://github.com/axios/axios/tree/master/examples/upload .
You can also check this link https://serversideup.net/uploading-files-vuejs-axios/
1
josevalim
Creator of Elixir
benonymus
quantumpotato
Hello, I am having the same / similar issue.
I try including multipart in my header.
My endpoint.ex shows
plug Plug.Parsers,
parsers: [:urlencoded, :multipart, :json],
pass: ["*/*"],
json_decoder: Poison
I upload as a post with the body being a dictionary, key: photo, value: (the form data).
In logging conn and params in my controller I see nothing indicative of data being sent up.
Is there something else I have to configure in my controller to allow file upload? The JS side looks fine with the uploading of FormData.
0
gregvaughn
Are you using nginx in front of Phoenix? I had this problem once and found out nginx had a maximum size for post data and was rejecting them before they got to Phoenix. I had to google to find out how to raise that maximum limit in nginx but it fixed my situation.
2
benonymus
For me the issue was on the js side, the elixir side was fine as it turned out, your form data might be incorrect.
What we did was that we appended everything to the formdata and only sent that like this for example:
function uploadAvatar(user, file, token) {
let fd = new FormData();
fd.append("user[avatar]", {
uri: file.path,
name: "test.jpg",
type: file.mime
});
fd.append("id", user.id);
return {
types: [
userConstants.UPLOAD_AVATAR_REQUEST,
userConstants.UPLOAD_AVATAR_SUCCESS,
userConstants.UPLOAD_AVATAR_FAILURE
],
callAPI: () =>
axios
.put(config.API_URL + "user", fd, {
headers: { Authorization: "Bearer " + token }
})
.then(res => res.data)
};
}
and you see where you append you need to set the key like it is in the example like “id” and if it is a param then you do like “user[avatar]” so your controller can use it to do what yo want to do
2