Ошибка при отправке данных формы с приложенным файлом на сервер в javascript

Question

У меня есть HTML код в моем решении asp. net 4.5, как показано ниже, позволяющее пользователям выбирать файл для загрузки на сервер.

<input class="form-control valid" id="rptScreenShot" type="text" style="float:left;" runat="server"
                               data-val="true" data-val-maxlength="The field Report Sample must be a string or array type with a maximum length of '600'." 
                               data-val-maxlength-max="600" value="" aria-invalid="false" />
<label class="btn btn-default btn-file">
     Browse <input class="form-control" id="upld_sample1" type="file" name="file_rptsample1" style="display: none;">
</label>

Затем я пытаюсь использовать FormData загрузить файл на сервер, как показано ниже:

<script>
     document.getElementById('upld_sample1').onchange = function () {
     var fileInput = document.getElementById('upld_sample1');
     var file = fileInput.files[0];
     var formData = new FormData();
     formData.append('file', file);
     var xhr = new XMLHttpRequest();
     xhr.open('POST', '/upload/path', true);
     xhr.send(formData);
     };
</script>

Однако я получаю сообщение об ошибке ниже:

Не удалось загрузить ресурс: сервер ответил со статусом 405 (Метод не разрешен)

Когда я изменяю POST на GET, вместо этого я вижу ошибку: 403 FORBIDDEN

Я не могу ее исправить. Я также в порядке, чтобы отправить файл на сервер другим способом, если таковые имеются. Буду признателен за любую помощь или совет.