jQuery插件 Ajax导步上传文件

 时间:2026-02-16 04:27:11

1、操作步骤:

1、首先引入jQuery.js库文件及jQuery.fileupload.js.

2、模板文件主要代码:

查看源代码

打印帮助

<form action="" method="post" enctype="multipart/form-data">

    <input type="file" name="fileToUpload"  id="fileToUpload"/>

    <input type="button" value="上传" onclick="return ajaxFileUpload();" />

 </form>

<script language="javascript">

function ajaxFileUpload(){

    $.ajaxFileUpload({

        url:'服务端上传处理文件',

        secureuri:false,

        fileElementId:'fileToUpload',

        dataType: 'json',

        success: function (data, status){

           if(data.flag == 1){

               alert("上传成功!");

           }else{

               alert("上传失败!");

           }

        },

        error: function (data, status, e){

           alert(e);

        }

    })

    return false;

}

</script>

3、服务端的上传文件代码,我就不列出来了,网上一搜,也挺多的!反正最后输出一个数组,并用json_encode($arr)序列化输出.如我的是:

$results = array('flag'=>$flag);        //$flag是上传后,返回的逻辑值(1=>成功,0=>失败)

echo json_encode($results);

exit;

OK,到此基本就可以测试了.

  • jquery插件怎么用
  • jQuery - AJAX load() 方法
  • jquery ajax运用的格式及说明
  • jquery ajax如何加载本地文件
  • jQuery中的Ajax应用
  • 热门搜索
    梦想起航手抄报 有关保护环境的手抄报 小学生读书手抄报图片 关于祖国风光的手抄报 预防麻疹手抄报 三节三爱手抄报内容 关于的手抄报图片 安全与健康手抄报内容 绿色家园手抄报资料 手抄报设计图案大全