多图上传

js/ueditor/dialogs/image/image.css

#upload .filelist li {
    width: 113px;
    height: 113px;
    box-sizing:border-box;
    background: url(./images/bg.png);
    text-align: center;
    margin: 9px 0 0 9px;
    font-size: 12px;
}
#upload .filelist .move {
   border: 2px dashed green;
   opacity: 0.7
}
#upload .filelist li p.log {
    position: relative;
    top: -45px;

js/ueditor/dialogs/image/image.js

            setState('pedding');
            $('.filelist').on('dragstart','li', function(ev){
            	$(this).addClass('move')
				ev.originalEvent.dataTransfer.setData("Text",ev.currentTarget.id);
            })
             $('.filelist').on('drop','li', function(ev){
             $('.filelist').on('dragend','li', function(ev){
            	$('.filelist').find('li').removeClass('move')
            })
             $('.filelist').on('drop','li', function(ev){ 
             	var currendId = ev.currentTarget.id;
             	var moveId = ev.originalEvent.dataTransfer.getData("Text");
             	if(currendId == 'filePickerBlock' || moveId == 'filePickerBlock') {
             		return;
             	}
             	var arr = [];
             	var $s = $('.filelist').children();
             	for(var i = 0; i < $s.length-1; i++) {
             	var moveIndex = arr.indexOf(moveId)
             	var chang1 = $('#'+ currendId);
             	var chang2 = $('#'+ moveId);
             	
             	if(moveIndex == 0 && currendIndex == $s.length-2) {
             		$('#'+moveId).insertBefore($('#filePickerBlock'));
             		$('.filelist').prepend($('#'+currendId))
             	}
             	if(moveIndex == $s.length-2 && currendIndex == 0) {
             		 $('#'+currendId).insertBefore($('#filePickerBlock'));
             		 $('.filelist').prepend($('#'+moveId))
             	}
             	if(moveIndex == 0 && currendIndex < $s.length-2) {
             		$('.filelist').prepend($('#'+currendId))
             		$('#'+moveId).insertBefore($('#'+arr[currendIndex+1]));
             	}
             	if(moveIndex < $s.length-2 && currendIndex ==0) {
             		$('.filelist').prepend($('#'+moveId))
             		$('#'+currendId).insertBefore($('#'+arr[moveIndex+1]));
             	}
             	if(moveIndex == $s.length-2 && 0 < currendIndex < $s.length-2) {
             		$('#'+currendId).insertBefore($('#filePickerBlock'));
             		$('#'+moveId).insertAfter($('#'+arr[currendIndex-1]));
             	}
             	if(currendIndex == $s.length-2 && 0 < moveIndex < $s.length-2) {
             		$('#'+moveId).insertBefore($('#filePickerBlock'));
             		$('#'+currendId).insertAfter($('#'+arr[moveIndex-1]));
             	}
             	if(0 < currendIndex < $s.length-2 && 0 < moveIndex < $s.length-2 && moveIndex < currendIndex) {
             		$('#'+moveId).insertBefore($('#'+arr[currendIndex+1]));
             		$('#'+currendId).insertAfter($('#'+arr[moveIndex-1]));
             	}
             	if(0 < currendIndex < $s.length-2 && 0 < moveIndex < $s.length-2 && moveIndex > currendIndex) {
             		$('#'+moveId).insertAfter($('#'+arr[currendIndex-1]));
             		$('#'+currendId).insertBefore($('#'+arr[moveIndex+1]));
             	if (moveIndex < currendIndex) {
             		chang2.insertAfter(chang1);
             	} 
             	if (moveIndex > currendIndex) {
             		chang2.insertBefore(chang1);
             	}
            })
             $('.filelist').on('dragover','li', function(ev){
            })
            // 当有文件添加进来时执行，负责view的创建
            function addFile(file) {
                var $li = $('<li id="' + file.id + '" draggable="true">' +
                var $li = $('<li id="' + file.id + '" draggable="true" style="cursor:move">' +
                        '<p class="title">' + file.name + '</p>' +
                        '<p class="imgWrap"></p>' +
                        '<p class="progress"><span></span></p>' +
            });
            uploader.on('uploadSuccess', function (file, ret) {
            	var $s = $('.filelist').children();
            	var arr = []
             	for(var i = 0; i < $s.length-1; i++) {
             		arr.push($s[i].id)
             	}
                var $file = $('#' + file.id);
                try {
                    var responseText = (ret._raw || ret),
                        json = utils.str2json(responseText);
                    if (json.state == 'SUCCESS') {
                    	json.index = arr.indexOf(file.id);
                    	json.index = file.id;
                        _this.imageList.push(json);
                        $file.append('<span class="success"></span>');
                    } else {
            this.$wrap.remove();
        },
        getInsertList: function () {
            var $s = $('.filelist').children();
            var arr = []
            for(var i = 0; i < $s.length-1; i++) {
             	arr.push($s[i].id)
             }
            this.imageList.forEach(function(item) {
            	item.index = arr.indexOf(item.index);
            })
            var i, data, list = [],
                align = getAlign(),
                prefix = editor.getOpt('imageUrlPrefix');