2011-01-27 98 views
0

我一直在尋找使用當前的AJAX腳本來做照片上傳表單。

目前我有一個文件輸入HTML表單,提交上我有一個onclick事件「PostForm();返回false;」

這觸發開了一個process.php腳本,奇蹟發生了(我有工作)。但是,我有一個成功和失敗的消息,通常在進程腳本返回「1」或「0」值時彈出。

我能得到的形式只使用工作「PostForm();」,但會出現失敗消息馬上,隨後被重定向到其顯示「1」的進程頁。如果我添加返回false;進入onclick事件,我收到一條成功消息,但沒有上傳文件。

我假定 「返回false;」命令阻止文件上傳。有沒有什麼方法可能顯示進度條或微調器,當它上傳並顯示成功/失敗信息?

感謝

更新1
jQuery代碼

PostForm = function() { 
    $('.text').attr('disabled','true'); 
      var data = $('form').serialize(); 
      $.ajax({ 
       type: 'POST', 
       url: "/lib/mp-update.php", 
       data: data, 
       cache: false, 
       success: function(html) { 
        if(html==1) { 
         $('#success').hide(); 
         $('#success').removeClass(); 
         $('#success').slideUp('50000'); 
         $('form').fadeOut('50000', function() { 
          $('#success').fadeIn('50000'); 
         }); 
        } else { 
         $('#fail').hide(); 
         $('#fail').removeClass(); 
         $('#fail').slideUp('50000'); 
         $('form').fadeOut('50000', function() { 
          $('#fail').fadeIn('50000'); 
         }); 
        } 
       } 
      }); 
      return false; 
     } 
    }); 

PHP做一個標準的開關語句來識別的形式已經從一個隱藏的表單發送的值。

+3

我能看看你的JS功能? – 2011-01-27 19:00:02

回答

1

正如其他人所提到的,或者至少據我已經能夠看到事情搞亂,這是不可能得到預期的效果。

我曾嘗試Uploadify我做了什麼效果很好,如果其他人也有類似的問題 - http://www.uploadify.com