展示图片数组

1.html 页面

    <div class="shenpi_xqlist">
            <div class="col-xs-11 shenpi_xqtext">
                <label class="form_label">身份证照片:</label>
                <div class="foem_text idimgList_img">
                    <!-- <img src="./images/pingzheng.png" alt="" style="width:150px;"> -->
                </div>
            </div>
            <p style='clear:both'></p>
        </div>

2.接口返回的数据

数组格式

idimgList: [,…]
0: "http://tingtashuooss.oss-cn-shenzhen.aliyuncs.com/ContractImage/PZ15543459319641554345931964c79eb?Expires=1869706019&OSSAccessKeyId=LTAIviRrRPrKfA1k&Signature=Rw9vvY8xSRGxMrtKmhz4YmKbv%2F8%3D"
1: "http://tingtashuooss.oss-cn-shenzhen.aliyuncs.com/ContractImage/PZ155434593204415543459320444f2e9?Expires=1869706019&OSSAccessKeyId=LTAIviRrRPrKfA1k&Signature=Zw8eEQZNqav18dQl4lY9kh%2F2usI%3D"
2: "http://tingtashuooss.oss-cn-shenzhen.aliyuncs.com/ContractImage/PZ155434593208715543459320871661a?Expires=1869706019&OSSAccessKeyId=LTAIviRrRPrKfA1k&Signature=LU6pEWJ%2BF9pVLtUY%2FKfoQpoWq2U%3D"

3.js

                   var idimg_length = huiyuan_msg.idimgList.length;                 //接口返回数据
                  var idimg_html = "";
                  for (var i = 0; i < idimg_length; i++) {
                    idimg_html += '<img src="'+huiyuan_msg.idimgList[i]+'" style="height:160px; margin-right:20px;">'
                  };
                  body.find("#form_data .idimgList_img").html(idimg_html); //身份证照片

  

 

posted @ 2019-04-04 11:01  1点  阅读(327)  评论(0编辑  收藏  举报