layer.opent()方法顯示圖片

<label class="col-sm-2 control-label">飲片檢驗報告：</label>
                                    <div class="col-sm-2" style="margin-top: 6px;">
                                        <span id="ypjybg"></span>
                                    </div>

當從后台獲取到數據后，就會填充標簽

$("#yycjybg").html("<a href='javascript:;' style='margin:2px;' 
onclick=\"showyreport('" + mes.data.bYpProduce.yreport + "')\" title='查看報告'><span>查看報告</span></a>");

效果如下:

 當點擊查看報告，效果如下：

showyreport方法如下：

function showyreport(yreport) {
        console.log(yreport)
        var x = document.documentElement.clientWidth/16;
        var y = document.documentElement.clientHeight/16;
        var img = "<img src='" + ctx + "/ypimg" + yreport + "' />";
        layer.open({
            type: 1, // 顯示圖片時，type選1
            offset:[y+"px",x+"px"], // 左上角點偏移距離
            area:['auto','700px'], // 區域，auto指寬度自適應，高度設置為700px // area: ['1000px', '500px'],
            shade: false,
            title: false, // false表示不顯示標題
            maxmin: true, // true表示顯示最大化和最小化
            closeBtn: 1, // 1表示顯示關閉的X號，0表示不顯示
            content: img // img標簽
        });
    }

注意：當area設置如下時，

area:['auto','auto'],

可能會導致第一次點擊圖片時，只顯示局部圖片，如下所示：

 解決方法：可以設置area的寬度或高度。如上，當我將area的高度設置為700px時，當第一次點擊圖片時就會將圖片的高度設置為700px，這樣就不會只顯示一點點圖片了。