求js或JQ代码,实现图片上传后在指定的div中以背景图显示

求js或JQ代码,实现图片上传后在指定的div中以背景图显示,第1张

function previewImage(file)

        {

          consolelog(file)

          var MAXWIDTH  = 260; 

          var MAXHEIGHT = 180;

          var div = documentgetElementById('clipart11show');

          if (filefiles && filefiles[0])

          {

              divinnerHTML ='<img id=imghead>';

              var img = documentgetElementById('imghead');

              imgonload = function(){

                var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, imgoffsetWidth, imgoffsetHeight);

                imgwidth  =  rectwidth;

                imgheight =  rectheight;

//                 imgstylemarginLeft = rectleft+'px';

                imgstylemarginTop = recttop+'px';

              }

              var reader = new FileReader();

              readeronload = function(evt){imgsrc = evttargetresult;}

              readerreadAsDataURL(filefiles[0]);

          }

          else //兼容IE

          {

            var sFilter='filter:progid:DXImageTransformMicrosoftAlphaImageLoader(sizingMethod=scale,src="';

            fileselect();

            var src = documentselectioncreateRange()text;

            divinnerHTML = '<img id=imghead>';

            var img = documentgetElementById('imghead');

            imgfiltersitem('DXImageTransformMicrosoftAlphaImageLoader')src = src;

            var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, imgoffsetWidth, imgoffsetHeight);

            status =('rect:'+recttop+','+rectleft+','+rectwidth+','+rectheight);

            divinnerHTML = "<div id=divhead style='width:"+rectwidth+"px;height:"+rectheight+"px;margin-top:"+recttop+"px;"+sFilter+src+"\"'></div>";

          }

        }

 别人的代码http://wwwoschinanet/code/snippet_819257_22844

在div中设置一个id,通过jquery获取id,如下

$("#divId")attr("style","background:url('/kc/system/images/toppng') no-repeat;width:100%;height:128px;");

1:div22stylebackground = "red";这样可以实现div22这个元素的背景颜色为红色。而div22添加的样式内联样式。

2:所以内联样式?你需要知道一下什么是内联样式。也就是这个元素本身的style属性中的css样式,这里的style属性中国的css样式权重值最高。

3:在内联样式中,如果想要写一个背景那么就需要这样写才能生效:

<div style="background-image:url('img/1jpg');"></div>

4:所以在js中动态添加或这更改背景就需要这样:

div22stylebackgroundImage = "url('img/1jpg')";

5:对以上会打有哪里不理解的请指正或者追问

欢迎分享,转载请注明来源:浪漫分享网

原文地址:https://hunlipic.com/lianai/405191.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-06-28
下一篇2023-06-28

发表评论

登录后才能评论

评论列表(0条)

    保存