/** 
 * 獲取移動端顯示屏的寬和高, 
 * 參數(shù)：e, 
 * return viewSize (包含顯示屏的寬和高) 
 */ 
function getViewWHInfo(e){ 
  var viewSize={}; 
  var originalWidth = e.detail.width;//圖片原始寬  
  var originalHeight = e.detail.height;//圖片原始高  
  wx.getSystemInfo({ 
   success: function (res) {  
    //讀取系統(tǒng)寬度和高度 
    var viewWidth = res.windowWidth; 
    var viewHeight = res.windowHeight;  
    console.log(originalWidth + " " + originalHeight); 
    console.log("寬：" + viewWidth + "高" + viewHeight); 
    viewSize.width = viewWidth; 
    viewSize.height = viewHeight; 
   } 
  }); 
  return viewSize; 
} 
//導出接口--必須要寫 
module.exports = { 
 getViewWHInfo: getViewWHInfo 
}  

//index.js 
//獲取應用實例 
//獲取工具類的應用實例  
var imageUtil = require('../../utils/util.js');  
var app = getApp() 
Page({ 
 data:{ 
  imageUrl:"../image/1.jpg", 
  viewHeigh:"", 
  viewWidth:"" 
 }, 
 onLoad: function () { 
 }, 
 imageLoad:function(e){ 
  var viewSize = imageUtil.getViewWHInfo(e); 
  //console.log(viewSize.heigh); 
  this.setData({ 
   viewHeigh: viewSize.height, 
   viewWidth: viewSize.width 
  }); 
   
 } 
}) 

<image  
style="width: {{viewWidth}}px; height: {{viewHeigh}}px;" src="{{imageUrl}}" bindload="imageLoad"> 
</image>