账号通
    

账号  

密码  

3588

查看

0

回复
主题:关于最新补丁中问答增加的上传图片的功能模板如何修改 [收藏主题]  
user001 当前离线

146

主题

11

广播

10

粉丝
添加关注
级别:版主

用户积分:281 分
登录次数:106 次
注册时间:2017/3/15
最后登录:2020/12/13
user001 发表于:2018/1/11 16:01:18   | 只看该作者 查看该作者主题 楼主 
在前几天  科汛v5产品发布了新的补丁  针对问答模板如何修改这里出个教程   让大家都可以自己修改先介绍手机版如何修改吧
请看图一:点击查看原图
这个是手机问答中增加的一部分信息    用于后台数据保存信息
接下来看图二:点击查看原图
图二实现的功能就二十上传并记录图片信息了   顺便还可以看到展示效果哦
最后看一下图三:
点击查看原图

既然图片都上传上去了    在详情中自然需要展示效果了   这个就是解析图片的方法  在详情页面中您可以自己控制位置  和大小哦~~

大家要是想在pc中看到手机上传的图片效果   您可以直接在pc的模板中调用图三的代码信息就可以了

代码如下:
图一:
                <div class="imagebox">

   <div class="clearfix">


   <div class="upshow"></div>


   <iframe src="/plus/include/autoupload.aspx?channelid=997&fun=top.uploadOk1" scrolling="no" frameborder="0" id="talk-upimg"></iframe>


   </div>


   <span class="talk-tips">你最多可上传8张图片</span>


</div>








图二:
                 function  doSubmit(obj){ box=$.dialog({title:false,content:'请稍等,正在上传文件...'});}

  function uploadOk1(v){

box.close();

if ($("#imgids").val()==''){

  $("#imgids").val(v);

}else{

  $("#imgids").val($("#imgids").val()+"§"+v);

}

$(".upshow").append("<li><img src='"+v+"'/></li>");

  }

图三:
               <script>
                          var temp ="";
                          var imgs="{KS:Field:imgids}";
                          if(imgs!="")
                          {
                              if(imgs.indexOf("§")!=-1)
                              {
                                  var strs =imgs.split("§");
                                  for (var i = 0; i < strs.length; i++) {
                                      if(strs[i]!="")
                                      {
                                          temp+="<img src='"+strs[i]+"' style='width:40px;height:40px' />";
                                      }
                                  }
                              }else
                              {
                                  temp+="<img src='"+imgs+"' style='width:40px;height:40px' />";
                              }
                              document.write(temp);
                          }
                </script>  




这次教程就这么多了    有不懂的可以留言哦~~~

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.09375秒 powered by KesionCMS 9.0