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

      

  • 相关阅读:
    安装elasticsearch 和 kibana
    docker 安装 nignx 并将对应配置文件映射
    linux 操作笔记
    docker 一些常用的命令手记
    c# 异步 多线程
    从零开始在.net中使用Nhibernate对数据库进行操作详细步骤(20121128)
    NHibernate框架的HQL增删改查
    2012年11月19日 利用wifiap简单实现Wifi无线Web认证
    逻辑结构和物理结构
    日志
  • 原文地址:https://www.cnblogs.com/guangzhou11/p/10653670.html
Copyright © 2011-2022 走看看