分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

layui文件上传回调前对文件类型及大小判断

发布时间:2023-09-06 01:50责任编辑:郭大石关键词:文件上传

1.关于layui.upload的before上传前对文件类型及文件大小判断,阻止默认上传实现方法【下图代码是对图片上传是宽高限制处理】:

layui.use([‘upload‘, ‘form‘], function () { ???????????var upload = layui.upload; ???????????var form = layui.form; ???????????upload.render({ ???????????????elem: ‘#uploadCover‘ ???????????????, url: ‘/file/upload.shtml‘ ???????????????, method: "post" ???????????????, auto: false ?//auto 参数必须设置为false ???????????????,size:"2048" ???????????????,accept:"file" ???????????????,exts: ‘jpg|png|jpeg‘ ???????????????,choose: function(obj){ ?//上传前选择回调方法 ???????????????????var flag = true; ???????????????????obj.preview(function(index, file, result){ ???????????????????????console.log(file); ???????????//file表示文件信息,result表示文件src地址 ???????????????????????var img = new Image(); ???????????????????????img.src = result; ????????????????????????img.onload = function () { //初始化夹在完成后获取上传图片宽高,判断限制上传图片的大小。 ???????????????????????????if(img.width ==343 && img.height ==240){ ???????????????????????????????obj.upload(index, file); //满足条件调用上传方法 ???????????????????????????}else{ ???????????????????????????????flag = false; ???????????????????????????????D.msg("您上传的小图大小必须是343*240尺寸!"); ???????????????????????????????return false; ???????????????????????????} ???????????????????????} ???????????????????????return flag; ???????????????????}); ???????????????} ???????????????, done: function (res) {//上传成功回调方法 ???????????????????$("#xcCoverUrl").val(res.data); ???????????????????$("#xcCoverUrlShow").attr("src", res.fastdfsHost + res.data); ???????????????????layer.closeAll(‘loading‘); ???????????????} ???????????}); ???????});

layui文件上传回调前对文件类型及大小判断

原文地址:https://www.cnblogs.com/tiantianleyuan123/p/8903976.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved