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应用
  • 热门搜索
    潮湿的近义词是什么 息税前利润是什么意思 排骨炖什么好吃又有营养 王者荣耀赛季什么时候结束 苏大强是什么电视剧 中国岛屿绝大部分分布在什么以南的海域 ysg是什么意思 animal是什么意思 松子是什么树的果实 正处级是什么级别