jQuery上传插件Uploadify的使用方法

最新推荐文章于 2019-03-24 16:16:30 发布

Rabbit誩

最新推荐文章于 2019-03-24 16:16:30 发布

阅读量608

点赞数

分类专栏： jquery 文章标签： jquery插件 jquery 插件

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

下载免费的Uploadify包：http://www.uploadify.com/downloads

jquery版本1.4+

<script src="jquery.js"></script>
<script src="jquery.uploadify-3.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="uploadify.css" />

页面中

	<input type="file" name="file_upload" id="file_upload" />
	<button class='start'>start</button>
	<div id="show"></div>

<script type="text/javascript">
	$(function() {
    $('#file_upload').uploadify({
        'swf'      : 'uploadify.swf',
        'uploader' : 'uploadify.php',
        'auto' : false, 			// 是否自动上传
        'buttonText' : '上传文件',  //改按钮名字
        //'width' : '300',
        //'height' : '200',
        'onUploadSuccess' : function(file,data,response){   //上传后显示，这个要改uploadify里面输出内容
        	html="<p><img src='"+data+"'></p>";

        	$('#show').append(html);
        },
    });
    $('.start').click(function() {  //点击按钮才上传
    	$('#file_upload').uploadify('upload','*');
    })
});
</script>

uploadify

<script type="text/javascript">
	$(function() {
    $('#file_upload').uploadify({
        'swf'      : 'uploadify.swf',
        'uploader' : 'uploadify.php',
        'auto' : false, 			// 是否自动上传
        'buttonText' : '上传文件',  //改按钮名字
        //'width' : '300',
        //'height' : '200',
        'onUploadSuccess' : function(file,data,response){   //上传后显示，这个要改uploadify里面输出内容
        	html="<p><img src='"+data+"'></p>";

        	$('#show').append(html);
        },
    });
    $('.start').click(function() {  //点击按钮才上传
    	$('#file_upload').uploadify('upload','*');
    })
});
</script>