كيف نقوم برفع الصور او الملفات بتقنية الاجاكس

يمكنك إرسال نموذج عن الكائن FormData يتضمن الملف , بإستعمال POST عبر طلب الأجاكس . 

سيتبع الكود منطقا مشابها :

$(document).ready(function(){
     
    // إضافة حدث عن تقديم الاستمارة و رفع الملف
    $("#submit_file_form").click(function(){
        
        // FormData تحضير نموذج عن الكائن 
        var fd = new FormData();
        
        // تحديد الملف
        var files = $('#my_file')[0].files;
        
        // التحقق من تحميل ملف 
        if(files.length > 0 ){
          
           // إضافة الملف إلى نموذج الكائن
           fd.append('file',files[0]);
           
           // تحضير طلب الاجاكس و إرسال نموذج الكائن
           $.ajax({
              url: 'path/to/endpoint',
              type: 'POST',
              data: fd,
              contentType: false,
              processData: false,
              success: function(response){
                 if(response != 0){
                    alert('تم رفع الملف');
                 }else{
                    alert('لم يتم رفع الملف');
                 }
              },
           });
        }else{
           alert("قم بتحديد ملف لرفعه.");
        }
    });
});

بتاريخ 4 دقائق مضت قال Adnane Kadri:

يمكنك إرسال نموذج عن الكائن FormData يتضمن الملف , بإستعمال POST عبر طلب الأجاكس . 

سيتبع الكود منطقا مشابها :

لا يمكنني فهم الكود هل تستطيع فعل هذا وتجريبه لديك ثم ارسله في ملف zip

بتاريخ 5 دقائق مضت قال علي الكاسر:

لا يمكنني فهم الكود هل تستطيع فعل هذا وتجريبه لديك ثم ارسله في ملف zip

الكود مثال عن رفع ملف إلى الواجهة الخلفية , مكتوب بالجيكوري .

يمكنك الإشارة إلى النقطة الغير مفهومة و سيتم شرحها بإسهاب أكثر .