diff --git a/js/components/upload_input.js b/js/components/upload_input.js
index 22a7c81c..4a6a057f 100644
--- a/js/components/upload_input.js
+++ b/js/components/upload_input.js
@@ -48,6 +48,7 @@ export default {
attachment: this.initialData || null,
showErrors: this.initialErrors,
changed: false,
+ uploadError: null,
}
},
@@ -63,15 +64,16 @@ export default {
methods: {
addAttachment: async function(e) {
const file = e.target.files[0]
- try {
- await this.uploader.upload(file, this.objectName)
+
+ const response = await this.uploader.upload(file, this.objectName)
+ if (response.ok) {
this.attachment = e.target.value
this.showErrors = false
this.$refs.attachmentFilename.value = file.name
this.$refs.attachmentObjectName.value = this.objectName
- } catch (err) {
- console.log(err)
+ } else {
this.showErrors = true
+ this.uploadError = 'Your file failed to upload. Please try again later.'
}
this.changed = true
diff --git a/templates/components/upload_input.html b/templates/components/upload_input.html
index 6e71d157..f98a9f6a 100644
--- a/templates/components/upload_input.html
+++ b/templates/components/upload_input.html
@@ -30,9 +30,6 @@
Browse
- {% if field.errors %}
- {{ Icon('alert',classes="icon-validation") }}
- {% endif %}
- {% for error, error_message in field.errors.items() %}
- {{error_message}}
+
+ !{uploadError}
+
+ {% for error, error_messages in field.errors.items() %}
+ {{error_messages[0]}}.
{% endfor %}