النتائج 1 إلى 7 من 7

الموضوع: كيف ممكن تحميل العديد من الصور - او ارفاق الصور مع مقال باستخدام javascript??

  1. #1
    عضو فعال جدا
    تاريخ التسجيل
    Jun 2003
    المشاركات
    2,270

    كيف ممكن تحميل العديد من الصور - او ارفاق الصور مع مقال باستخدام javascript??



    السلام عليكم
    اخواني عندي قسم مقالات في الموقع واريد ان اضف خاصية جديدة لتسهيل نشر المقالات في الموقع اريد ان اعمل طريقة استطيع من خلالها ارفاق العديد من الصور مع المقال مباشرة!!!

    يعني في اسفل المقال اريد ان اضع زر "Browse" وارفاق صورة "اي تحميلها على الموقع" واذا اردت ارفاق اكثر من صورة استطيع الضغط على زر "صورة اخرى" فيظهر لدي زر "Browse" ثاني لارفق صورة ثانية وعند الضغط على زي "صورة اخرى" مرة ثالثة يظهر عندي زي "Browse" ثالث لاقوم بارفاق صورة ثالثة الى نفس المقال؟؟؟؟؟

    كيف ممكن عمل ذلك؟؟؟ الموقع مبرمج باللغة ال php يرجا المساعدة في برمجة هذه الخاصية! ملاحظة ارفاق الصور رح تكون موجودة داخل وسم <form method="post">


    فما العمل يا اخوان؟؟؟ بارك الله فيكم





    __________________


    عاشت فلسطين وعاشت المقاومة
    http://www.palintefada.com/arabic
    http://www.palissue.com/arabic
    موقع انتفاضة فلسطين - موقع القضية الفلسطينية
    الكاسر



  2. #2
    عضو سوبر نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    674


    السلام عليكم

    التالي في صفحة كتابة المقال

    كود Javascript ضعه في الـHEAD
    كود:
    <script language="javascript">
    var upload_number = 2;
    function addFileInput() {
      var d = document.createElement("div");
      var file = document.createElement("input");
      file.setAttribute("type", "file");
      file.setAttribute("name", "attachment[]");
      d.appendChild(file);
      document.getElementById("moreUploads").appendChild(d);
      upload_number++;
    }
    </script>
    عدل اسم الصفحة المرسل اليها
    ضع الكود في المنطقة التي تريد ظهور فيها مربعات رفع الملفات

    في منطقة الـbody
    كود:
    <form enctype="multipart/form-data" action="add.php" method="POST"> 
    <div id="moreUploads">
    <input type="file" name="attachment[]" id="attachment" onchange="document.getElementById('moreUploadsLink').style.display = 'block';" />
    </div>
    <div id="moreUploadsLink" style="display:none;">
     <a href="javascript:addFileInput();">Attach another File</a></div>
    <input type="submit" value="Add"> 
    </form>


    اضف هذا الكود للصفحة المرسل اليها

    كود PHP
    كود PHP:
    <?php 
    while(list($key,$value) = each($_FILES['attachment']['name']))
      {
       if(!empty(
    $value))
       {
        
    $filename $value;
         
    $filename=str_replace(" ","_",$filename);// اضافة _ بدل المسافات الفارغة باسم الملف للالغاء يمكن حذف السطر
         
    $add "upimg/$filename";// المجلد 
     
         
    copy($_FILES['attachment']['tmp_name'][$key], $add);
         
    chmod("$add",0777);
       }
      }
     
     
     
    ?>
    انتهى





    __________________
    Professional Java?Script Programmer and Web Developer

  3. #3
    عضو فعال جدا
    تاريخ التسجيل
    Jun 2003
    المشاركات
    2,270


    السلام عيكم
    اخي العزيز ليوناردو بارك الله فيك - الله محي أصلك يا غالي

    اخي العزيز مشي الحال والحمد لله ولاكن عندي سؤال - ممكن نغير شوي بالصور المرفقة ؟؟؟

    يعني الصورة المرفقة اريد عمل منها thumbnail وايضا صورة كبيرة

    اذا كان عرض الصورة المرفقة اكبر من 380
    1 اعد عمل الصورة لتصبح ذو عرض 380 بكسل
    2 اعمل صورة مصغرة thumbnail بعرض 150 بكسل

    ولاكن اذا كانت الصورة اصغر من 150
    1 انسخ الصورة في فولدر الصورة الكبيرة وايضا في الصورة الكبيرة

    وايضا منع تحمل اي ملف اخر غير الصور! يعني لا اريد رفع اي ملف اذا لم يكن صورة

    اهل ممكن المساعدة في عمل ذلك؟؟ بارك الله فيك





    __________________


    عاشت فلسطين وعاشت المقاومة
    http://www.palintefada.com/arabic
    http://www.palissue.com/arabic
    موقع انتفاضة فلسطين - موقع القضية الفلسطينية
    الكاسر


  4. #4
    عضو سوبر نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    674


    الصورة المرفقة اريد عمل منها thumbnail وايضا صورة كبيرة

    اذا كان عرض الصورة المرفقة اكبر من 380
    1 اعد عمل الصورة لتصبح ذو عرض 380 بكسل
    2 اعمل صورة مصغرة thumbnail بعرض 150 بكسل

    وايضا منع تحمل اي ملف اخر غير الصور! يعني لا اريد رفع اي ملف اذا لم يكن صورة
    تم

    فقط استبدل كود php السابق واذا تبي عدل اسماء المجلدات


    كود PHP:
    <?php 
    function createthumb($name,$filename,$new_w,$new_h){
     
    $system=explode('.',$name);
     if (
    preg_match('/jpg|jpeg/',$system[1])){
      
    $src_img=imagecreatefromjpeg($name);
     }
     if (
    preg_match('/png/',$system[1])){
      
    $src_img=imagecreatefrompng($name);
     }
     
    $old_x=imageSX($src_img);
    $old_y=imageSY($src_img);
    if (
    $old_x $old_y) {
     
    $thumb_w=$new_w;
     
    $thumb_h=$old_y*($new_h/$old_x);
    }
    if (
    $old_x $old_y) {
     
    $thumb_w=$old_x*($new_w/$old_y);
     
    $thumb_h=$new_h;
    }
    if (
    $old_x == $old_y) {
     
    $thumb_w=$new_w;
     
    $thumb_h=$new_h;
    }
     
    $dst_img=ImageCreateTrueColor($thumb_w,$thumb_h);
     
    imagecopyresampled($dst_img,$src_img,0,0,0,0,$thumb_w,$thumb_h,$old_x,$old_y); 
    if (
    preg_match("/png/",$system[1]))
    {
     
    imagepng($dst_img,$filename); 
    } else {
     
    imagejpeg($dst_img,$filename); 
    }
    imagedestroy($dst_img); 
    imagedestroy($src_img); 
    }
     
    ///////
    while(list($key,$value) = each($_FILES['attachment']['name']))
      {
    if (((
    $_FILES["file"]["type"] == "image/gif") || ($_FILES["file"]["type"] == "image/jpeg") || ($_FILES["file"]["type"] == "image/png") || ($_FILES["file"]["type"] == "image/bmp")) && !empty($value))
       {
     
        
    $filename $value;
         
    $filename=str_replace(" ","_",$filename);// اضافة _ بدل المسافات الفارغة باسم الملف للالغاء يمكن حذف السطر
         
    $add "upimg/$filename";// المجلد 
         
    $addth "upimgth/$filename";// مجلد الصور المصغرة
     
         
    copy($_FILES['attachment']['tmp_name'][$key], $add);
         
    copy($_FILES['attachment']['tmp_name'][$key], $addth);
    createthumb($add,$add,380,190); // حجم الصورة الاصلية
    createthumb($addth,$addth,150,75); // حجم الصورة المصغرة
         
    chmod("$add",0777);
         
    chmod("$addth",0777);
       }
      }
     
    ?>


    ++++++++++++++++++++++++++++



    ولاكن اذا كانت الصورة اصغر من 150
    1 انسخ الصورة في فولدر الصورة الكبيرة وايضا في الصورة الكبيرة
    بخصوص جلب والتاكد من حجم الصورة, حسب تجربتي انها لاتعمل او لا يمكن قراءة حجم جميع انواع الصور
    اذا كنت تريد حل للمشكلة ,ابحث في جوجل
    كود:
     
    php getimagesize not working
    php getimagesize error
    php getimagesize problem
    php getimagesize failed to open stream
    مثال لكود جلب حجم الصورة Get the width and height of an image using a function in PHP



    مصدر كود تغير حجم الصورة

    Article - How to create thumbnails with PHP and gd.





    __________________
    Professional Java?Script Programmer and Web Developer

  5. #5
    عضو فعال جدا
    تاريخ التسجيل
    Jun 2003
    المشاركات
    2,270


    السلام عليكم شكرا للمساعدة اخي الكريم
    اولا حولت السطر
    if ((($_FILES["file"]["type"] == "image/gif") || ($_FILES["file"]["type"] == "image/jpeg") || ($_FILES["file"]["type"] == "image/png") || ($_FILES["file"]["type"] == "image/bmp")) && !empty($value))
    الى
    if ((($_FILES["attachment"]["type"][$key] == "image/gif") || ($_FILES["attachment"]["type"][$key] == "image/jpeg") || ($_FILES["attachment"]["type"][$key] == "image/jpg") || ($_FILES["attachment"]["type"][$key] == "image/png") || ($_FILES["attachment"]["type"][$key] == "image/bmp")) && !empty($value))


    وبعد ذلك عند تحميل صورة تظهر الاخطاء التالية



    Warning: imagesx(): supplied argument is not a valid Image resource in /home/abukefa7/public_html/arabic/admin/add_mix.php on line 178

    Warning: imagesy(): supplied argument is not a valid Image resource in /home/abukefa7/public_html/arabic/admin/add_mix.php on line 179

    Warning: imagecopyresampled(): supplied argument is not a valid Image resource in /home/abukefa7/public_html/arabic/admin/add_mix.php on line 193

    Warning: imagedestroy(): supplied argument is not a valid Image resource in /home/abukefa7/public_html/arabic/admin/add_mix.php on line 201

    Warning: imagesx(): supplied argument is not a valid Image resource in /home/abukefa7/public_html/arabic/admin/add_mix.php on line 178

    Warning: imagesy(): supplied argument is not a valid Image resource in /home/abukefa7/public_html/arabic/admin/add_mix.php on line 179

    Warning: imagecopyresampled(): supplied argument is not a valid Image resource in /home/abukefa7/public_html/arabic/admin/add_mix.php on line 193

    Warning: imagedestroy(): supplied argument is not a valid Image resource in /home/abukefa7/public_html/arabic/admin/add_mix.php on line 201





    __________________


    عاشت فلسطين وعاشت المقاومة
    http://www.palintefada.com/arabic
    http://www.palissue.com/arabic
    موقع انتفاضة فلسطين - موقع القضية الفلسطينية
    الكاسر


  6. #6
    عضو سوبر نشيط
    تاريخ التسجيل
    Aug 2007
    المشاركات
    674


    هممم

    ما ضبطت معي بالـPHP

    مش مشكلة نعملها بالـJavascript

    الكود النهائي

    جافاسكربت ضعه بالHEAD
    كود:
    <script language="javascript">
    var upload_number = 2;
    function addFileInput() {
      var d = document.createElement("div");
      var file = document.createElement("input");
      file.setAttribute("type", "file");
      file.setAttribute("name", "attachment[]");
      file.setAttribute("id", "attachment"+upload_number);
      file.onchange=function(){FilyType(this.id);};
      d.appendChild(file);
      document.getElementById("moreUploads").appendChild(d);
      upload_number++;
    }
    function FilyType(eID)
    {
    extArray = new Array(".gif", ".jpg", ".png", ".bmp"); // الانواع المسموحة
    var err=0;var curt=0;var allowSubmit;
    var e = document.getElementById(eID);
    var sf = document.getElementById('subfrm');
    for (var j = 0; j < extArray.length; j++) {
    if (e.value.indexOf(extArray[j]) == -1) {err++}else{curt++}
    }
    if(curt!=1){alert(extArray.join("  ")+"خطأ :- أنواع الملفات المسموحة هي");e.disabled=true;e.id="disabled";}
    }
    </script>
    كود الفورم ضعه بمنطقة الـBODY

    كود:
    <form enctype="multipart/form-data" action="add.php" method="POST">
    <div id="moreUploads">
    <input type="file" name="attachment[]" id="attachment1" onchange="FilyType(this.id);document.getElementById('moreUploadsLink').style.display = 'block';" />
    </div>
    <div id="moreUploadsLink" style="display:none;">
     <a href="javascript:addFileInput();">Attach another File</a></div>
    <input type="submit" value="Add" id="subfrm"> 
    </form>
    صفحة الـPHP
    كود PHP:
    <?php 
    function createthumb($name,$filename,$new_w,$new_h){
     
    $system=explode('.',$name);
     if (
    preg_match('/jpg|jpeg/',$system[1])){
      
    $src_img=imagecreatefromjpeg($name);
     }
     if (
    preg_match('/png/',$system[1])){
      
    $src_img=imagecreatefrompng($name);
     }
     
    $old_x=imageSX($src_img);
    $old_y=imageSY($src_img);
    if (
    $old_x $old_y) {
     
    $thumb_w=$new_w;
     
    $thumb_h=$old_y*($new_h/$old_x);
    }
    if (
    $old_x $old_y) {
     
    $thumb_w=$old_x*($new_w/$old_y);
     
    $thumb_h=$new_h;
    }
    if (
    $old_x == $old_y) {
     
    $thumb_w=$new_w;
     
    $thumb_h=$new_h;
    }
     
    $dst_img=ImageCreateTrueColor($thumb_w,$thumb_h);
     
    imagecopyresampled($dst_img,$src_img,0,0,0,0,$thumb_w,$thumb_h,$old_x,$old_y); 
    if (
    preg_match("/png/",$system[1]))
    {
     
    imagepng($dst_img,$filename); 
    } else {
     
    imagejpeg($dst_img,$filename); 
    }
    imagedestroy($dst_img); 
    imagedestroy($src_img); 
    }

    ///////
    while(list($key,$value) = each($_FILES['attachment']['name']))
      {
    if (!empty(
    $value))
       {
        
    $filename $value;
         
    $filename=str_replace(" ","_",$filename);// اضافة _ بدل المسافات الفارغة باسم الملف للالغاء يمكن حذف السطر
         
    $add "upimg/$filename";// المجلد 
         
    $addth "upimgth/$filename";// مجلد الصور المصغرة
     
         
    copy($_FILES['attachment']['tmp_name'][$key], $add);
         
    copy($_FILES['attachment']['tmp_name'][$key], $addth);
    createthumb($add,$add,380,190); // حجم الصورة الاصلية
    createthumb($addth,$addth,150,75); // حجم الصورة المصغرة
         
    chmod("$add",0777);
         
    chmod("$addth",0777);
       }
      }
     
    ?>






    __________________
    Professional Java?Script Programmer and Web Developer

  7. #7
    عضو فعال جدا
    تاريخ التسجيل
    Jun 2003
    المشاركات
    2,270


    شكرا جزيلا خلاص مشي الحال

    بارك الله فيكم اخي الكريم وكثر من امثالك يا طيب





    __________________


    عاشت فلسطين وعاشت المقاومة
    http://www.palintefada.com/arabic
    http://www.palissue.com/arabic
    موقع انتفاضة فلسطين - موقع القضية الفلسطينية
    الكاسر






ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض