upload.render({
elem: '#test3',
url: 'CourseLiveBroadcast',
field: 'picture',
data: {
"_method": "upload_pictures",
csrfmiddlewaretoken: csrftoken,//效验
},
multiple: true,
size: 1024, //限制文件大小,单位 KB
done: function (res) {
// 获取ppt图片
let carousel_date = $("#browse").children("img");
let all_ptt = [];
for (let i = 0; i < carousel_date.length; i++) {
all_ptt.push([carousel_date.eq(i).attr("src"), carousel_date.eq(i).attr("data-name")])
}
// 添加当前PPT图片
all_ptt.push([res.msg, res.data.name])
// 排序
all_ptt.sort(function (a, b) {
return a[1] - b[1]
})
// 清空元素
$("#browse").empty();
for (let i = 0; i < all_ptt.length; i++) {
$('#browse').append('<img src="' + all_ptt[i][0] + '" class="layui-upload-img browse" data-name="' + all_ptt[i][1] + '"onclick="del_browse(this)">')
}
}
});
layui多图上传并根据图片名称排序
最新推荐文章于 2024-07-25 21:45:55 发布