使用plupload实现无刷新上传图片

简介:plupload是一个web上传模块,能实现多文件上传,缩略图,进度条

官网:http://www.plupload.com/index.php

下载配置部分略过 以上下主题代码结构

<script type="text/javascript" src="plupload.js"></script>
<script type="text/javascript">
jQuery(function() {
    var uploader = new plupload.Uploader({
        runtimes : 'html5,flash',
        browse_button : 'uploadid', // 单击事件的id
        max_file_size : '10mb',
        url : '上传路径',
        multiple_queues : false,
        multi_selection : false,
        multipart_params:{},
        flash_swf_url : '/static/swf/plupload.flash.swf',
        filters : [{title : "图片文件", extensions : "png,jpg,jpeg,gif"}]// 允许的文件后缀
    });
    
    uploader.bind('UploadProgress', function(up, file) {
        //上传的进度
    });
    
    uploader.bind('QueueChanged', function(){
        //上传的队列改变 也就是选择文件的完成
    });
    
    uploader.bind('FileUploaded', function(up, file, response) {
        // 上传完成
    });
    
    
    uploader.bind("Error", function(up, err) {
        // 上传失败
    });
    
    uploader.init();//初始化
    //uploader.start();// 开始上传 自己定义事件
    
})
</script>
<body>
<div id="uploadid" class="left btn">浏览</div>
</body>


你可能感兴趣的:(jquery,plupload,js上传进度条)