基本信息
源码名称:layerUI,MVC,C#,多图片预览,文件上传
源码大小:0.61M
文件格式:.zip
开发语言:C#
更新时间:2021-05-05
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
layerUI多张图片预览上传,可移除预览图
upload.render({
elem: '#test2'
,url: '../UploadFile/UploadVideo'
, multiple: true//是否多选上传
, size: 1024//限制文件大小,单位 KB
, accept: 'images'//指定允许上传时校验的文件类型,可选值有:images(图片)、file(所有文件)、video(视频)、audio(音频)
, acceptMime: 'image/*'//规定打开文件选择框时,筛选出的文件类型
,auto: false//是否自动上传
, bindAction: '#btnsave'//绑定上传按钮
, choose: function (obj) {
//$('#demo2').html("");
$(".sccg").remove();
objfile = obj.pushFile();
console.log(objfile);
obj.preview(function (index, file, result) {
var cimg = $("<div class='gimg'/>").html('<img src="' result '" alt="' file.name '" style="border-radius:10px;width:100%;height:100%;" />\
<button id="B' "" '' index '' "" '" type="button" style="margin-left:25%;margin-top:3px;width:50%"\
class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger " onclick="Removef(' "'" '' index '' "'" ')">\
<i class="layui-icon layui-icon-delete" style="font-size:22px"></i>移除</button>');
$('#demo2').append(cimg);
});
}
, allDone: function (obj) {
S1 = 0, S0 = 0;
}
, done: function (res, index, upload) {
console.log(res.code);
delete objfile[index];
if (res.code == "0") {
S1 ;
var cimg = $("<div class='gimg sccg'/>").html('<img src="' res.data.src '" style="width:100%;height:100%;" />\
<button type="button" style="border-radius:10px;margin-left:25%;margin-top:3px;width:50%"\
class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal">\
<i class="layui-icon layui-icon-ok" style="font-size:22px"></i>上传成功</button>');
$('#demo2').append(cimg);
Removef(index);
}
else {
S0 ;
$("#B" index "").text("上传失败,重新选择上传");
}
$("#Ltotal").html(S1 S0);
$("#Lsuccess").html(S1);
$("#Lfail").html(S0);
}
});
layerUI多张图片预览上传,可移除预览图
upload.render({
elem: '#test2'
,url: '../UploadFile/UploadVideo'
, multiple: true//是否多选上传
, size: 1024//限制文件大小,单位 KB
, accept: 'images'//指定允许上传时校验的文件类型,可选值有:images(图片)、file(所有文件)、video(视频)、audio(音频)
, acceptMime: 'image/*'//规定打开文件选择框时,筛选出的文件类型
,auto: false//是否自动上传
, bindAction: '#btnsave'//绑定上传按钮
, choose: function (obj) {
//$('#demo2').html("");
$(".sccg").remove();
objfile = obj.pushFile();
console.log(objfile);
obj.preview(function (index, file, result) {
var cimg = $("<div class='gimg'/>").html('<img src="' result '" alt="' file.name '" style="border-radius:10px;width:100%;height:100%;" />\
<button id="B' "" '' index '' "" '" type="button" style="margin-left:25%;margin-top:3px;width:50%"\
class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger " onclick="Removef(' "'" '' index '' "'" ')">\
<i class="layui-icon layui-icon-delete" style="font-size:22px"></i>移除</button>');
$('#demo2').append(cimg);
});
}
, allDone: function (obj) {
S1 = 0, S0 = 0;
}
, done: function (res, index, upload) {
console.log(res.code);
delete objfile[index];
if (res.code == "0") {
S1 ;
var cimg = $("<div class='gimg sccg'/>").html('<img src="' res.data.src '" style="width:100%;height:100%;" />\
<button type="button" style="border-radius:10px;margin-left:25%;margin-top:3px;width:50%"\
class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal">\
<i class="layui-icon layui-icon-ok" style="font-size:22px"></i>上传成功</button>');
$('#demo2').append(cimg);
Removef(index);
}
else {
S0 ;
$("#B" index "").text("上传失败,重新选择上传");
}
$("#Ltotal").html(S1 S0);
$("#Lsuccess").html(S1);
$("#Lfail").html(S0);
}
});