LeCMS
ClassCMS
Fastadmin
iCMS
PbootCMS
PHPCMS
易优CMS
YzmCMS
讯睿CMS
极致CMS
Wordpress
HkCMS
YznCMS
WellCMS
ThinkCMF
帝国CMS
SIYUCMS- 效果图
- js代码段.
在 Controller.api.bindevent 中 Form.api.bindevent($("form[role=form]")) 前 添加代码
var getAdSelect = function(){ //这段逻辑自己获取宽度高度 let width = $('#c-location_id option:selected').data('width') let height = $('#c-location_id option:selected').data('height') return {width:width,height:height};}Upload.events.onFileAdded = function (up, files) { var ad = getAdSelect(); //获取广告的宽度高度 var f = files[0]; var reader = new FileReader(); var img_w,img_h; reader.onload = function (e) { var data = e.target.result; //加载图片获取图片真实宽度和高度 var image = new Image(); image.onload=function(){ img_w = image.width; img_h = image.height; if(img_w == ad.width && img_h == ad.height) { setTimeout(function () { up.start(); }, 1); }else{ Layer.open({ content:'上传图片大小与广告位置不匹配', icon:2, btn:['重新上传','继续操作'], yes:function () { up.removeFile(f); Layer.closeAll(); }, btn2:function () { setTimeout(function () { up.start(); }, 1); } }) } }; image.src= data; }; reader.readAsDataURL(f.getNative());}具体的业务逻辑还需要各位大神自行修改，在此只是一个简单的demo,希望大家喜欢。:grinning:
喜欢这篇文章的点赞！！舍得给点零花钱的扫码！！最重要的是您开心、幸福美满！！！
希望以上内容对你有所帮助！如果还有其他问题，请随时提问。 各类知识收集 拥有多年CMS企业建站经验，对 iCMS， Fastadmin， ClassCMS， LeCMS， PbootCMS， PHPCMS， 易优CMS， YzmCMS， 讯睿CMS， 极致CMS， Wordpress， HkCMS， YznCMS， WellCMS， ThinkCMF， 等各类cms的相互转化，程序开发，网站制作，bug修复，程序杀毒，插件定制都可以提供最佳解决方案。
未经允许不得转载：Str Tom工作室 » 上传图片之分辨率(宽/高)验证
