2015-07-01 33 views
1

在web服務1個IKE此如何獲得長度如果圖像使用javascript

    "product_image1":"http://XYZ.co.uk/product_img/big/1_14238411703234.JPG" , 
       "product_image2":"http://XYZ.co.uk/product_img/big/2_14238411703234.JPG" , 
       "product_image3":"http://XYZ.co.uk/product_img/big/", 
       "product_image4":"http://XYZ.co.uk/product_img/big/", 

在web服務2 IKE此

"product_image1":"http://XYZ.co.uk/product_img/big/1_14303945253625.jpg" , 
        "product_image2":"http://XYZ.co.uk/product_img/big/2_14303945253625.jpg" , 
        "product_image3":"http://XYZ.co.uk/product_img/big/3_14303945253625.jpg", 
        "product_image4":"http://XYZ.co.uk/product_img/big/4_14303945253625.png", 

我的代碼在product_image 1存在於4 boject路徑: -

items+='<img id="slideImgId3" src='+item.product_image1+' class="detailShowBigImg">'; 


       items+='<img src='+item.product_image1+' onclick="changeImage3(\''+item.product_image1+'\');" class="multiImgShow">'; 
       items+='<img src='+item.product_image2+' onclick="changeImage3(\''+item.product_image2+'\');" class="multiImgShow">'; 
       items+='<img src='+item.product_image3+' onclick="changeImage3(\''+item.product_image3+'\');" class="multiImgShow">'; 

<script type="text/javascript"> 
    function changeImage3(img3) 
    { 
    document.getElementById("slideImgId3").src=img3; 
    } 
</script> 

你可以看到webservice 1和webservice 2.在webservice 1中有product_image3 & product_image4沒有圖像,並且在webservice 2中所有的對象圖像都存在,所以如何解決這個問題並使其動態化。

回答

0

試試這套代碼

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG 
var width = img.clientWidth; 
var height = img.clientHeight; 
0

我認爲,如果你知道的圖像.jpg或.png,你可以使用正則表達式來這樣做:

var re=/\/([^\/]*?\.jpg)/i; 
var str=new Array('www.iamgood.cn/images/111.jpg', 
'www.iamgood.cn/images/', 
'www.iamgood.cn/images/333.jpg'); 
for (i=0;i<str.length;i++){ 
var a =re.exec(str[i]); console.log(a); 
} 

輸出:

["/111.jpg", "111.jpg", index: 21, input:"www.iamgood.cn/images/111.jpg"] 
null 
["/333.jpg", "333.jpg", index: 21, input:"www.iamgood.cn/images/333.jpg"] 

在那裏你會得到空,沒有圖像

+0

也謝謝你所有,我可以這樣解決它 –

+0

if(item.product_image1!=「http://jXYZ.co.uk/product_img/big/」){ items + =''; }使用此顯示僅顯示具有完整圖像路徑的圖像。 –