今天微信有个朋友说我们的系统怎么不能按照图片的顺序进行排列,今天教大家如何进行简单的配置,废话不多说,入正题。
在我们做站点的时候,用的最多的就是百度UEditor编辑器,用UEditor的多图上传时,编辑器会按照上传成功的先后顺序来排列图片。那么如果想修改为按照选择图片的先后顺序进行排列应该如何修改呢?
解决方法:
修改 /ueditor/dialogs/imag/image.js文件
找到_this.imageList.push(json);替换成_this.imageList[$file.index()] = json;(注意标点符号)
为了防止出现问题,可以将以下文件进行备份或者注释:
uploader.on('uploadSuccess', function (file, ret) {
var $file = $('#' + file.id);
try {
var responseText = (ret._raw || ret),
json = utils.str2json(responseText);
if (json.state == 'SUCCESS') {
//_this.imageList.push(json);
_this.imageList[$file.index()] = json;
$file.append('');
} else {
$file.find('.error').text(json.state).show();
}
} catch (e) {
$file.find('.error').text(lang.errorServerUpload).show();
}
});
修改:/ueditor/dialogs/attachment/attachment.js文件,
找到_this.fileList.push(json);替换成_this.fileList[$file.index()] = json;
修改后的内容:
uploader.on('uploadSuccess', function (file, ret) {
var $file = $('#' + file.id);
try {
var responseText = (ret._raw || ret),
json = utils.str2json(responseText);
if (json.state == 'SUCCESS') {
//_this.fileList.push(json);
_this.fileList[$file.index()] = json;
$file.append('');
} else {
$file.find('.error').text(json.state).show();
}
} catch (e) {
$file.find('.error').text(lang.errorServerUpload).show();
}
})
【特别提示】修改之后,记得清理下浏览器缓存和系统缓存。
扫描关注官方微信