ajax上传--uploadify

uploadify是一个基于jquery的ajax上传组件,很方便,功能很强大。搞不懂最新的3.0beta版,正式版是2.1.4的,基于jquery-1.4.2,文档比较齐全,使用还是比较简单的。下载解压后把文件放入网站的某个目录下,在需要添加下载组件的页面内添加:

<link href="./core/up/uploadify.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="./core/jquery.js"></script>
<script type="text/javascript" src="./core/up/swfobject.js"></script>
<script type="text/javascript" src="./core/up/jquery.uploadify.v2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#file_upload').uploadify({
        'uploader'  : './core/up/uploadify.swf',
        'script'    : './upload.php',
        'cancelImg' : './core/up/cancel.png',
        'folder'    : './data',
        'buttonText': 'ADD Plugin',
        'auto'      : true,
        'onComplete':function(event, ID, fileObj, response, data){
          alert(response);
        }
    });
});
</script>

上传文件框为:

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

这里http://www.uploadify.com/documentation/有详细的说明。

Published by 阿飞 on
Tags: ajax, jquery

5 条评论

  1. 这个不错。DOWN下来研究下

    1. 功能很强大,值得研究。

  2. 大师请教一个问题如何让 下拉菜单 子菜单向上

    1. 你说的js或jquery的弹出菜单?我是菜鸟哈,php懂一点点,其他的都是用的时候google和baidu来的,用完就忘干净。这个问题你只能自己搜一下了。

      1. 谢谢。。呵呵
        我在努力找找,。