كيفية تحميل ملف إلى الخادم بشكل غير متزامن باستخدام jQuery و AJAX؟

مرحباً بالجميع! أنا مبتدئ في تطوير الويب وأحاول إنشاء نموذج لتحميل الملفات على موقعي. أريد إرسال الملف إلى الخادم دون إعادة تحميل الصفحة، أي بشكل غير متزامن. أستخدم jQuery ولكن هناك خطأ ما. إليك الكود الحالي: ```html

تحميل

``` وجافا سكريبت: ```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('تم تحميل الملف: ' + response); }, error: function() { $('#result').text('خطأ في التحميل'); } }); }); ``` المشكلة أن الخادم يستقبل كائنًا فارغًا أو لا شيء على الإطلاق. قرأت أنه يجب