最近使用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;
    });

js给当前url添加get参数,兼容旧参数

example updateQueryStringParameter("https://www.baidu.com?a=123",'b','hello') //result https://www.baidu.com/?a=123&b...

阅读全文

使用js弹出chrome windows通知提醒

废话少说,直接上代码 function notifyMe(notification_title, body) { if (Notification.permission !== "granted") Notification.re...

阅读全文

dropzone 插件只上传一张图片

<div> <div class="col-md-3"> <div class="form-group"> <label>你的头像</label> ...

阅读全文

评论已经关闭。