layui实现图片上传成功后回显点击放大图片功能

<!-- html代码-->
<div class="layui-form-item">
 free vpn    <label class="layui-form-label">上传图片</label>
    <div class="layui-input-block">
 vpn下载      免费vpn下载   <button type="button" class="layui-btn" id="license-auth-letter-image">
 free vpn       vpn下载      <i class="layui-icon layui-icon-upload"></i> 点击上次图片
        </button>
 vpn free  vpn下载      vpn下载  <div style="width: 132px;">
            <div vpn free class="layui-upload-list">
         vpn下载      免费vpn   <img class="layui-upload-img" id="ID-upload-demo-img" style="width: 100%; height: 92px;">
               免费vpn  <div id="ID-upload-demo-text"></div>
     vpn下载        </div>
            <div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="filter-demo">
  vpn free    免费vpn下载           vpn free  <div class="layui-progress-bar" lay-percent=""></div>
   vpn free         vpn下载  vpn下载 </div>
        </div>
   vpn free  free 免费vpn vpn </div>
</div>

layui.use(function(){
    var upload = layui.upload;
    var layer = layui.layer;
    var element = layui.element;
    var $ = layui.$;
  免费vpn  free vpn  // free vpn 单图片上传
    var uploadInst = upload.render({
      免费vpn下载   elem: '#license-auth-letter-image',
        url: '', // 实际使用时改成您自己的上传接口即可。
     vpn free    accept: 'images',//指定允许上传时校验的文件类型 images 图片类型|file 所有文件类型|video 视频类型|audio 音频类型
   vpn下载      acceptMime: 'image/*',
        exts:'jpg|png|gif|bmp|jpeg', //允许上传的文件后缀
 vpn下载      free 免费vpn vpn   data: {
            // 传递给上传接口的额外参数
            account: function(){
                return $('input[name="account"]').val();
            },
        },
      vpn下载   before: function(obj){
      免费vpn下载       vpn free // 预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
         免费vpn        $('#ID-upload-demo-img').attr('src', result); // 图片链接（base64）
            });

    vpn下载    vpn free    vpn free   element.progress('filter-demo', '0%'); // 进度条复位
            layer.msg('上传中', {icon: 16, time: 0});
        },
 免费vpn        done: function(res){
            // 若上传失败
   vpn下载          if(res.code > 0){
   vpn下载 vpn free              var demoText = $('#ID-upload-demo-text');
     vpn free   free vpn          var vpn下载 htmlContent = '<span style="color: #FF5722;">' + (res.msg ?? '上传失败') + '</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>';
    free vpn             demoText.html(htmlContent);
           免费vpn      demoText.find('.demo-reload').on('click', function(){
       免费vpn  免费vpn     vpn下载         uploadInst.upload();
 免费vpn下载  免费vpn         vpn 免费vpn free    免费vpn    });
        vpn free         return layer.msg(res.msg vpn下载 ?? '上传失败');
     免费vpn下载        免费vpn }

            // 上传成功
     vpn下载        $('#ID-upload-demo-text').html(''); // 置空上传失败的状
            // 绑定点击事件,点击图片放大
            openPhotoLayer('#ID-upload-demo-img',res.data.url);
      vpn free   vpn下载 },
        error: function(){
            // 演示失败状态，并实现重传
      免费vpn       var demoText = $('#ID-upload-demo-text');
            demoText.html('<span style="color: 免费vpn #FF5722;">上传失败</span> <a class="layui-btn 免费vpn下载 layui-btn-xs demo-reload">重试</a>');
        免费vpn     demoText.find('.demo-reload').on('click', function(){
       vpn下载       免费vpn下载    uploadInst.upload();
            });
       vpn下载  },
      免费vpn   // 进度条
   vpn free     free vpn  progress: function(n, elem, e){
    vpn free free vpn         element.progress('filter-demo', n + '%'); // 可配合 vpn free layui 进度条元素使用
            if(n == 免费vpn 100){
     vpn下载    免费vpn  vpn free        layer.msg('上传完毕', {icon: 1});
            }
        }
   vpn free  });
});


// 点击图片放大
var openPhotoLayer 免费vpn下载 = function (element,src) {
    layui.$(element).off('click').on('click', function (){
        layer.photos({
  free vpn           photos: { // 图片层的数据源
                "id": '#ID-upload-demo-img', // 相册 id
           免费vpn      "data": [   // 相册包含的图片，数组格式
       vpn下载              {
                        "src": src, // 原图地址
             vpn下载    vpn free  vpn free 免费vpn下载    },
    免费vpn    免费vpn        vpn下载   免费vpn ]
            },
        });
    });
}