Я пытаюсь загрузить файл через Ajax в OctoberCMS (он построен на PHP Laravel), есть 2 способа загрузки с использованием Ajax, используя a для как в этом примере в GitHub , или используя их JavaScript API, как показано в Документация OctoberCMS .
Моя проблема с использованием второго метода «Отправка файлов через JavaScript API», я следовал документации и сделал следующее: -
$("body").on('click',"#submitPictureWithAjaxAPI", function() {
var formData = new FormData();
formData.append('file', $('input[type=file]')[0].files[0]);
$.request('onFileUpload', {
files: true,
data: formData,
success: function(data) {
$.oc.flashMsg({
'text': 'Uploaded Successfully!',
'class': 'success',
'interval': 5
});
location.reload();
},
});
});
<div class="form-group">
<label>Image</label>
<input type="file" name="image" id="image" accept="image/*">
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary" id="submitPictureWithAjaxAPI" >Submit</button>
</div>
Сообщение об ошибке в консоли (ошибка JavaScript)
TypeError: Argument 1 of FormData.constructor is not an object.
Я использую Firefox 61.0.2