zoukankan      html  css  js  c++  java
  • 展示图片数组

    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="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); //身份证照片

      

  • 相关阅读:
    暑假学习
    暑假学习
    暑假学习
    暑假学习
    暑假学习
    经验教训+总结
    NT 时刻
    联赛模拟测试 17
    联赛模拟测试 16
    联赛模拟测试 15
  • 原文地址:https://www.cnblogs.com/guangzhou11/p/10653670.html
Copyright © 2011-2022 走看看