I've encountered a problem in my code where Azure is overriding the content type with application/octet-stream instead of the expected image/png. Even though I can see in the network tab that the content type is set correctly, when viewing the file in the container, it reverts back to the default.
Just to mention, I am utilizing the npm package vue-azure-blob-upload
http.put(uri, requestData,
{
headers: {
'x-ms-blob-type': 'BlockBlob',
'Content-Type': state.file.type,
'x-ms-version': '2020-10-02',
'x-ms-date': new Date(),
},
transformRequest: [],
}).then(function (response) {
$log(response);
}
Within http.js:
init() {
axios.defaults.headers.put['Content-Type'] = 'image/png';
},