diff --git a/lms/static/js/views/fields.js b/lms/static/js/views/fields.js
index b42736e53c..c8c3b317dc 100644
--- a/lms/static/js/views/fields.js
+++ b/lms/static/js/views/fields.js
@@ -583,6 +583,7 @@
             render: function () {
                 this.$el.html(this.template({
                     id: this.options.valueAttribute,
+                    inputName: (this.options.inputName || 'file'),
                     imageUrl: _.result(this, 'imageUrl'),
                     imageAltText: _.result(this, 'imageAltText'),
                     uploadButtonIcon: _.result(this, 'iconUpload'),
@@ -679,7 +680,6 @@
 
             fileSelected: function (e, data) {
                 if (_.isUndefined(data.files[0].size) || this.validateImageSize(data.files[0].size)) {
-                    data.formData = {file: data.files[0]};
                     this.setCurrentStatus('uploading');
                     this.setRemoveButtonVisibility('none');
                     this.showUploadInProgressMessage();
diff --git a/lms/templates/fields/field_image.underscore b/lms/templates/fields/field_image.underscore
index 4e5b04fe1b..bf21952ca5 100644
--- a/lms/templates/fields/field_image.underscore
+++ b/lms/templates/fields/field_image.underscore
@@ -4,7 +4,7 @@
         <label class="u-field-upload-button">
             <span class="upload-button-icon" aria-hidden="true"><%= uploadButtonIcon %></span>
             <span class="upload-button-title" aria-live="polite"><%= uploadButtonTitle %></span>
-            <input class="upload-button-input" type="file" name="<%= id %>"/>
+            <input class="upload-button-input" type="file" name="<%= inputName %>"/>
        	</label>
        	<button class="upload-submit" type="button" hidden="true"><%= uploadButtonTitle %></button>