jQuery Ajax文件上传(php)(2)

    <script type="text/javascript" src="https://www.jb51.net/jquery.js"></script>
    <script type="text/javascript" src="https://www.jb51.net/ajaxfileupload.js"></script>
    <script type="text/javascript">
       function ajaxFileUpload()
               {
                  $.ajaxFileUpload
                     (
                       {
                            url:'doajaxfileupload.php', //你处理上传文件的服务端
                            secureuri:false,
                            fileElementId:'img',
                            dataType: 'json',
                            success: function (data)
                                  {
                                    alert(data.file_infor);
                                  }
                               }
                         )

return false;
                 }
     </script>

相应的HTML为：

复制代码 代码如下:

        <input type="file" size="45">
        <button>Upload</button>

这样客户端就完成了。

(2) 再服务器端时   doajaxfileupload.php

此处为了简便的检测是否真正的传值过来了，你可以将它存起来了。
             $file_infor = var_export($_FILES,true);
             file_put_contents("d:file_infor.php".$file_infor);
   这样你打来刚生成的file_infor.php文件时，你又看到了熟悉的信息了：

复制代码 代码如下:

     array(
             'name'=>'lamp.jpg',
             'type'=>'image/pjpeg',
             'tmp_name'=>'c:\windows\temp\phpFA.tmp',
             'error'=>0,
             'size'=>3127
         )

当然，真正的处理类于这样的：

复制代码 代码如下:

   <?php
     $upFilePath = "d:/";
     );
   if($ok === FALSE){
    echo json_encode('file_infor'=>'上传失败');
   }else{
    echo json_encode('file_infor'=>'上传成功');
   }
   ?>   

另注：实际上，你可以在一个页面里嵌入一个IFRAME，然后在IFRAME使用原生的POST表单提交.JQUERY的这个插件也是采用了这种方式。只不过它是动态生成的IFRAME 与表单

原文：

您可能感兴趣的文章: