AJAX POST $ _FILES with onclick =“return false;”

时间:2011-01-27 18:55:06

标签: php javascript jquery ajax

我一直在寻找使用当前AJAX脚本的照片上传表单。

目前我有html表单和文件输入,提交时我有一个带有“PostForm()的onclick事件;返回false;”

这会触发一个process.php脚本,其中发生了魔法(我已经工作了)。但是,我有一个成功和失败的消息,通常会弹出流程脚本返回“1”或“0”值。

我可以使用“PostForm();”使表单正常工作,但是失败消息会立即出现,然后被重定向到显示“1”的进程页面。如果我添加return false;进入onclick事件后,我收到了成功消息,但没有上传文件。

我认为“返回假”;命令阻止文件上传。有没有办法在上传然后显示成功/失败消息时显示进度条或微调器?

由于

更新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执行标准的switch语句来识别从隐藏的表单值发送的表单。

1 个答案:

答案 0 :(得分:1)

正如其他人所说的那样,或者至少就我看到弄乱事物而言,它不可能达到预期的效果。

我确实尝试过上传,如果其他人遇到与我所做的类似的问题,那么这项工作也很有效 - http://www.uploadify.com