diff --git a/ui/src/components/view/ObjectStoreBrowser.vue b/ui/src/components/view/ObjectStoreBrowser.vue
index 9f94cc619c7b..5507540d1f41 100644
--- a/ui/src/components/view/ObjectStoreBrowser.vue
+++ b/ui/src/components/view/ObjectStoreBrowser.vue
@@ -489,7 +489,12 @@ export default {
     asyncUploadFile (file, objectName) {
       return new Promise((resolve, reject) => {
         file.arrayBuffer().then((buffer) => {
-          this.client.putObject(this.resource.name, objectName, Buffer.from(buffer), file.size, this.uploadMetaData, err => {
+          const metadata = {
+            ...this.uploadMetaData,
+            'Content-Type': file.type || 'binary/octet-stream'
+          }
+
+          this.client.putObject(this.resource.name, objectName, Buffer.from(buffer), file.size, metadata, err => {
             if (err) {
               return reject(this.$notification.error({
                 message: this.$t('message.upload.failed'),