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应用
  • 热门搜索
    越轨旅游:私人岛屿 清远有什么旅游景点 大连旅游公司 宁夏沙坡头旅游攻略 杜马盖地旅游 佳木斯旅游景点大全 台湾旅游事故 荞面旅游网 小蝌蚪旅游俱乐部 成都的旅游景点