<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo</title>
<!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
<link href="//unpkg.com/layui@2.8.8/dist/css/layui.css" rel="stylesheet">
</head>
<body>
<button type="button" class="layui-btn layui-btn-sm" id="upload1">上传文件</button>
</div>
<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
<script src="//unpkg.com/layui@2.8.8/dist/layui.js"></script>
<script>
layui.use(function(){
let upload = layui.upload;
let layer = layui.layer;
// 渲染
upload.render({
elem: '#upload1', // 绑定多个元素
url: '', // 此处配置你自己的上传接口即可
accept: 'file', // 普通文件
auto: false, //自动上传
choose:function (obj) {
let files = obj.pushFile();
let index = 0;
for (let key in files) {
{
let file = files[key];
console.log(file.name);
console.log(file.size);
if (file.size > 5*1024*1024){
top.layer.msg('文件大小不能超过5M')
}else {
//可以触发上传
obj.upload(index , files[key]);
index++;
}
}
}
},
done: function(res){
layer.msg('上传成功');
console.log(res);
}
});
});
</script>
</body>
</html>
layui 上传大文件奔溃经过排查是由于obj.preview函数造成的。还好不是不是上传函数,看看了觉决定放弃obj.preview函数 自己写检查函数。