EN
RU
ES
ZH
FR
DE
PT
AR
HI
js_student27
·
How to asynchronously upload a file to the server using jQuery and AJAX?
Hello everyone! I'm a beginner in web development and trying to create a file upload form on my site. I want the file to be sent to the server without reloading the page, i.e., asynchronously. I'm using jQuery, but something is going wrong.
Here's my current code:
```html
```
And JavaScript:
```javascript
$('#uploadForm').on('submit', function(e) {
e.preventDefault();
var file = $('#fileInput').val();
$.ajax({
url: '/upload',
type: 'POST',
data: { file: file },
success: function(response) {
$('#result').text('File uploaded: ' + response);
},
No answers yet.
Log in to leave an answer
Blogs
Generics in PHP: Why They Are Needed and How to Use for Beginners
Introduction to C# in 2025: Where to Start in Practice
Rounding Numbers in Java: How to Get n Decimal Places
Java Stream.collect in Kotlin: Complete Guide with Examples
