求一句js代码,按图片大小而获取代码的jquery
//上传后返回图片并显示$.each(data.result.files,function(index,file){$('#files').append('<imgcla...
//上传后返回图片并显示
$.each(data.result.files, function (index, file) {
$('#files').append('<img class="insert" src="'+file.url+'" wdith="100px">');
});
//点击图片插件
$('.insert').click(function() {
$('textarea').sceditor('instance').insert('[img]'+$(this).attr('src')+'[/img]');
});
业务逻辑是,上传后会返回一个img 标签,我不管原图片有多,都设了width=100 (按比例的,因为没设高)
点击插入,用bbcode模式入,但我想如果图片的宽度,大于800,就在BBCODE的高宽上,帮图片设定上按比例的宽度及高度
[img=100x200]'+$(this).attr('src')+'[/img]
100是宽200是高 展开
$.each(data.result.files, function (index, file) {
$('#files').append('<img class="insert" src="'+file.url+'" wdith="100px">');
});
//点击图片插件
$('.insert').click(function() {
$('textarea').sceditor('instance').insert('[img]'+$(this).attr('src')+'[/img]');
});
业务逻辑是,上传后会返回一个img 标签,我不管原图片有多,都设了width=100 (按比例的,因为没设高)
点击插入,用bbcode模式入,但我想如果图片的宽度,大于800,就在BBCODE的高宽上,帮图片设定上按比例的宽度及高度
[img=100x200]'+$(this).attr('src')+'[/img]
100是宽200是高 展开
1个回答
展开全部
后台能不能处理,能的话尽量后台返回图片尺寸
1不能解决的话,那么再问需不需要兼容IE6?如果不需要的话,可以通过css来满足你的需求
2不能解决的话,那么只有js,解决有点麻烦,img是个异步过程,你需要检测图片完成之后才能获取到图片的尺寸
更多追问追答
追问
1. 的确不能用后台处理, 相对JS较熟PHP,能的话也就在PHP做了
2. 有什么方法能做?
追答
按照你的说法,图片只有宽度在大于100的时候才设置为100,如果小于话就不做处理,不知道我理解错了没
需要为每个图片设个容器,容器的高度和宽度即为你预设高度,图片的样式设置为max-width:100%
max-height:100%;你可以试一下
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询