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

الموضوع: كيفية تخزين متغير ابلود صورة بين html-ajax-js-php

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Sep 2007
    المشاركات
    59

    كيفية تخزين متغير ابلود صورة بين html-ajax-js-php



    اخواني السلام عليكم

    ارجو مساعدتكم جميعا في ايجاد حل لهذه الطريقة

    لدي فورم يحتوي على معلومات المستخدم اضافة الى صورته
    وهذا الفورم يعمل بالاجاكس حيث انه يستعدي صفحة تنفيذ الاستعلام php بواسطة الاجاكس

    سؤالي هنا ان جميع المتغيرات تصل بسلام ويتم تخزينها ,
    ما عدا الصورة لانها $_file

    كيف يمكن تخزينها للتنقل بين الصفحات حتى اصل الى صفحة تنفيذ الاستعلامphp
    واجراء عمليات التحميل الى المجلد والتخزين في قاعدة البيانات ؟

    هذا كود الفورم
    كود PHP:
    <form name="contact" method="post" action="" enctype="multipart/form-data">
                <
    div align="center">
                <
    table border="0" width="85%" id="table1" cellspacing="4" style="border-style: solid" cellpadding="2">
                <
    tr>
                <
    td align="right" width="70%" height="35">
                <
    input type="text" name="title" maxlength="25" id="title" class="text-input" dir="rtl" size="20" />
                <
    label class="error" for="title" id="title_error">ادخل اسمك </label></td>
                <
    td dir="rtl" align="right" width="30%" height="35">
               <
    class="ar-content-2">

               <
    class="ar-content-1"><b>اسم المستخدم</b></b><br />

                
    ا</p>

                </
    p></td>

                </
    tr>

        
                    <
    tr>

                        <
    td align="right" width="70%">

    <
    input name="image1" id="image1" type ="file" size="30" style="float: right; width:396; font-size:8pt; font-family:Tahoma; height:27" maxlength="100"><br>
    <
    br>
    <
    br>
    <
    br>
                            
                &
    nbsp;</td>

                <
    td dir="rtl" align="right" width="30%">
                      
                <
    class="ar-content-2"><class="ar-content-1"><b>صورة </b></b> </td>

                    </
    tr>
         
                    <
    tr>
                        <
    td align="right" width="70%">
                    <
    input type="submit" name="submit" class="button"  id="submit_btn" value="Send" /></td>
                        <
    td dir="rtl" align="right" width="30%">&nbsp;</td>
                    </
    tr>
                    </
    table>
                </
    div>
           
            </
    form


    وهذا كود الجافا في راس الصفحة والذي يستدعي صفحة php

    كود PHP:
    $(function() {
      $(
    '.error').hide();
      $(
    'input.text-input').css({backgroundColor:"#FFFFFF"});
      $(
    'input.text-input').focus(function(){
        $(
    this).css({backgroundColor:"#CDF7FE"});
      });
      $(
    'input.text-input').blur(function(){
        $(
    this).css({backgroundColor:"#FFFFFF"});
      });
      
      
    ///---------------------

      
    $(".button").click(function() {
            
    // validate and process form
            // first hide any error messages
        
    $('.error').hide();

            
          var 
    title = $("input#title").val();
            if (
    title == "") {
          $(
    "label#title_error").show();
          $(
    "input#title").focus();
          return 
    false;
        }

    var 
    image1=$("input#image1").val();    
                
            var 
    dataString 'title='title '&image1=' image1  ;
            
            $.
    ajax({
          
    type"POST",
          
    url"pages/new_user.php",
          
    datadataString,
          
    success: function() {
            $(
    '#container').html("<div id='message'></div>");
            $(
    '#message').html("<h2>done</h2>")
            .
    append("<p>We will be in touch soon.</p>")
            .
    hide()
            .
    fadeIn(1500, function() {
              $(
    '#message').append("<img id='checkmark' src='images/check.png' />");
            });
          }
         });
        return 
    false;
        });
    });
    runOnLoad(function(){
      $(
    "input#title").select().focus();
    }); 
    وهذا كود صفحة التنفيذ php

    كود PHP:

    <?php
    $title
    =iconv('utf-8','windows-1256',$_POST['title']);
    $image1=$_FILES['image1'];
    add_user($title,$image1);

    ?>






    __________________
    http://www.37service.com


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


    اعتقد ليس لها حل الا بالاعتماد على iframe مخفي





    __________________
    قل اللهم مالك المُلك تؤتي الملك من تشاء وتنزع الملك ممن تشاء وتعز من تشاء وتذل من تشاء بيدك الخير انك على كل شىء قدير

  3. #3
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    947


    وجدت اضافة لمكتبة ال jquery لرفع الملفات .. لكنها تظهر وكانها بالاجاكس كما تدعم ال progress bar
    http://www.pixeline.be/experiments/j...er.1.0.2.2.zip





    __________________
    قل اللهم مالك المُلك تؤتي الملك من تشاء وتنزع الملك ممن تشاء وتعز من تشاء وتذل من تشاء بيدك الخير انك على كل شىء قدير

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


    اشكرك على تواصلك واهتمامك اخي المهندس .
    لم اجد لها الحل المناسب حتى الان كل شي يعمل تمام الا عملية نقل بيانات حقل تحميل الصورة , وكيفية الاحتفاظ بالمتغير بين الصفحات





    __________________
    http://www.37service.com

  5. #5
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    947


    اشكرك على تواصلك واهتمامك اخي المهندس .
    لم اجد لها الحل المناسب حتى الان كل شي يعمل تمام الا عملية نقل بيانات حقل تحميل الصورة , وكيفية الاحتفاظ بالمتغير بين الصفحات
    هل اتبعت تعليمات التركيب؟
    jqUploader: jQuery plugin for file upload and progressbar

    مثال حي للرفع ..
    http://www.pixeline.be/experiments/jqUploader/test.php





    __________________
    قل اللهم مالك المُلك تؤتي الملك من تشاء وتنزع الملك ممن تشاء وتعز من تشاء وتذل من تشاء بيدك الخير انك على كل شىء قدير

  6. #6
    عضو فعال جدا
    تاريخ التسجيل
    Aug 2007
    المشاركات
    3,929


    توجد طريقة بالجافا سكربت
    AJAX file upload

    upload file ajax - =






  7. #7
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    947


    تعتمد على ال iframe المخفي
    لا توجد طريقة للرفع بالاجاكس(ال xml request) .. لابد من الاعتماد على ال iframe المخفي





    __________________
    قل اللهم مالك المُلك تؤتي الملك من تشاء وتنزع الملك ممن تشاء وتعز من تشاء وتذل من تشاء بيدك الخير انك على كل شىء قدير

  8. #8
    عضو فعال جدا
    تاريخ التسجيل
    Aug 2007
    المشاركات
    3,929


    تعتمد على ال iframe المخفي
    لا توجد طريقة للرفع بالاجاكس(ال xml request) .. لابد من الاعتماد على ال iframe المخفي
    انا اقصد هذه الطريقة
    http://www.swalif.net/softs/swalif-1779292-5.html






  9. #9
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    947


    كانت حسابات خاطئة
    اعتمدت عليها واكتشفت انها تعتمد 100% على ال iframe المخفي
    و بحثت كثيرا في الموضوع ولو عدلت لاسس الاجاكس وال xml request ستجد انه لا يمكن ذلك





    __________________
    قل اللهم مالك المُلك تؤتي الملك من تشاء وتنزع الملك ممن تشاء وتعز من تشاء وتذل من تشاء بيدك الخير انك على كل شىء قدير

  10. #10
    عضو نشيط جدا
    تاريخ التسجيل
    Aug 2008
    المشاركات
    324


    يمكن فعل ذلك وهذا احد افضل الامثلة

    PHP / Ajax upload example | PHP Script Forums






  11. #11
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    947


    تعتمد على ال iframe المخفي

    راجع رد موقع المكتبة نفسه بالرابط الذي وضعته نفسه في اول سطر ..
    كود PHP:
    While the upload via XMLHttpRequest is not possible are there many examples and tutorials to upload file via some "virtual IFRAME"
    كما اني حملت الملف نفسه المرتبط بمكتبة ال jquery والذي يعمل عليه هذا المثال في الرابط الذي وضعته
    http://malsup.com/jquery/form/jquery.form.js?2.28

    وراجعت الكود ووجدته يعمل بال iframe
    راجع السطر 178 بالملف

    مستحيل رفعه بال xmlrequest اي بالاجاكس
    ال iframe المخفي يختلف كلياً عن الاجاكس





    التعديل الأخير تم بواسطة مهندس مصرى ; 30-06-2009 الساعة 04:02 PM
    __________________
    قل اللهم مالك المُلك تؤتي الملك من تشاء وتنزع الملك ممن تشاء وتعز من تشاء وتذل من تشاء بيدك الخير انك على كل شىء قدير

  12. #12
    عضو نشيط
    تاريخ التسجيل
    Sep 2007
    المشاركات
    59


    شكرا لك اخي مهندس مصري , ولجميع الاخوة المشاركين كذلك





    __________________
    http://www.37service.com





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

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

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