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 Apr 05th, 2011 at 00:51 am
Tags: ajax, jquery