最近使用plupload 来上传图片,设置了一个假如当前图片大于10,就不能上传的条件,但是发现,假如这次传了11张,是不可以上传,但是下次只传一张,把之前的11张也一起传了,所以,如果判断当前图片大于11,要先清空上传队列。

uploader.splice(); 使用这个命令即可

 

 

var uploader = new plupload.Uploader({
        runtimes : 'html5,flash,silverlight,html4',
        browse_button: 'browse', // this can be an id of a DOM element or the DOM element itself
        url: 'post.php', //上传URL 地址
        drop_element : 'img-upload-button',//拖砖的div 
        filters: {
            mime_types : [
                { title : "Image files", extensions : "jpg,gif,png,jpeg,bmp" },
            ],
            max_file_size: "5120kb",
            // prevent_duplicates: true,//忽略具有相同名称和大小的文件。
            prevent_empty:true,//忽略空文件,大小为0kb的文件。
        },
        multipart_params :{//额外post参数
            app : 'www'         
        },
        multiple_queues:true,
    });

    uploader.init();//初始化

    uploader.bind('FilesAdded', function(up, files) {
        var now_length = $('#file_list li').length;//当前网页存在图片的数量
        var upload_length = files.length;//本次上传图片数量
        if ((now_length + upload_length) > 10){ //一个文章的上传图片如果大于10,不能继续上传
            $('.upload-error').show().html(LANG_MSG.LANG_UPLOAD_IMG_MAX_NUMS);//错误信息
            uploader.splice();//清空上传队列
            return;
        }
        // var html = '';
        // plupload.each(files, function(file) {
        //  html += '<li id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></li>';
        // });
        // $('.file_list').html(html);
        uploader.start();//开始上传
        // document.getElementById('filelist').innerHTML += html;
    });

网页禁止F12和查看源代码

一个网页禁止F12和查看源代码的函数 使用方法:在body中使用onLoad事件来调用这个函数 function disableInfo() { document.onkeydown = function() { ...

阅读全文

Vue.Js 学习笔记

课程观看地址:https://www.imooc.com/video/18551 "1.课程环境" NVM 下载地址:https://github.com/creationix/nvm 安装 NPM , NODEJS ,NVM...

阅读全文

bootbox 水平垂直居中

bootbox.alert('Danger!!' ).find('.modal-content').css({ 'background-color': '#f99', 'font-weight' : 'bold', 'color': '#F00', 'font-...

阅读全文

评论已经关闭。