jQuery插件 Ajax导步上传文件

2025-11-03 06:08:55

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,到此基本就可以测试了.

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢