اذهب إلى المحتوى
  • 0

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

علي الكاسر

السؤال

لقد سألت هذا السؤال من قبل وأحاب أحد الأخوك الا ان الاكواد التي ارسلها لم تكن مفيده ولم تشتغل 

أتمنى من لديه خبره يقوم بارسال مشروع مبسط في ملف zip 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

يمكنك إرسال نموذج عن الكائن 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("قم بتحديد ملف لرفعه.");
        }
    });
});

 

تم التعديل في بواسطة Adnane Kadri
تحديث
رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...