百度分享新浪微博无法分享图片的解决方法

偶然发现,文章分享到sina weibo竟然不能将附带的图片。后来查了一下,发现,不只我遇到了这个问题。

经过查看百度分享官方的帮助文档,发现帮助文档是依照旧版的分享代码指导自定义使用的。而首页获取到的代码是最新版的分享代码,

最新版分享代码虽然支持微信。但是在分享到新浪微博的时候有个问题,就是文章内容中的图片不能随之分享到微博中。不清楚这算不算插件的bug。发现好多大网站也用了百度分享,也存在这个问题。

网上查了一下解决方法,无果,发现不只是我一个人遇到这种问题。于是自己折腾找了个折衷的解决方法。以下解决方法:

起初使用的是首页一步步获取的代码:

        <div class="bdsharebuttonbox fl"><a href="#" class="bds_more" data-cmd="more"></a><a title="分

享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a><a title="分享到QQ空间" href="#" 

class="bds_qzone" data-cmd="qzone"></a><a title="分享到QQ好友" href="#" class="bds_sqq" data-

cmd="sqq"></a><a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a><a title="分享

到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a></div>
        <script>window._bd_share_config={"common":{"bdSnsKey":

{"tsina":"www8783com","tqq":"www8783com","t163":"www8783com","tsohu":"www8783com"},"bdText":"{$descript

ion}","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":

{},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":

["weixin","qzone","sqq","tsina","tqq"]}};with(document)0[(getElementsByTagName('head')[0]||

body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?

v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

由于新版本的百度分享不支持动态的给新浪微博分享时带图片。所以换回了自定义帮助文档中旧版百度分享插件代码。使用方式:

        <div class="nr-share nr-share-top">
            <span class="nr-info fl">分享到:</span>
            <!-- Baidu Button BEGIN -->
            <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare bdsharebuttonbox  fl">
                <a href="#" class="bds_more" data-cmd="more"></a><a title="分享到豆瓣" href="#" 

class="bds_douban" data-cmd="douban"></a><a title="分享到QQ空间" href="#" class="bds_qzone" data-

cmd="qzone"></a><a title="分享到QQ好友" href="#" class="bds_sqq" data-cmd="sqq"></a><a title="分享到新

浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a><a title="分享到腾讯微博" href="#" 

class="bds_tqq" data-cmd="tqq"></a>
            </div>

        </div>
    <article class="nr-article" id="nr-article">
    	{$content}
    </article>
    <script type="text/javascript" id="bdshare_js" data="type=tools&mini=1" ></script>
    <script type="text/javascript" id="bdshell_js"></script>
    <script type="text/javascript">
    	//在这里定义bds_config
            var picurl = document.getElementById('nr-article').getElementsByTagName('img')[0] ? 

document.getElementById('nr-article').getElementsByTagName('img')[0].src : '',
    	    titText = "{$title}",
                desText = "{$description}",
                shareText = titText + '_手游网' + ( desText ? ' - ' + desText : '') ,
                bds_config = {'bdPic': picurl, 'bdText': shareText};
    	document.getElementById('bdshell_js').src = "http://share.baidu.com/static/js/shell_v2.js?

cdnversion=" + Math.ceil(new Date()/3600000);

    </script>
    <!-- Baidu Button END -->

遗憾的是旧版不支持微信分享。不过也只能这样取舍了。

参考文档:http://share.baidu.com/help/customization/config

百度分享新浪微博无法分享图片的解决方法

时间: 2024-11-05 19:03:15

百度分享新浪微博无法分享图片的解决方法的相关文章

微信二次分享不显示摘要和图片的解决方法

微信二次分享不显示摘要和图片的解决方法 解决不显示摘要和图片的问题,需要调用微信公众号的js-sdk的api ,需要前端和后台的配合, 后台需要返回 appid (公众号的appid ) . timestamp (生成签名的时间戳) .nonceStr (签名的随机字符串) . signature (签名* 可能出错): 1.绑定域名 先登录微信公众平台进入"公众号设置"的"功能设置"里填写"js接口安全域名".(特别提示不需要加上http或者h

关于微信二次分享,描述变链接的解决方法(一)----文档说明

http://www.cnblogs.com/joshua317/p/4761948.html 前言: 最近工作中遇到了使用微信二次分享的时候,标题被截短,描述也变成了链接,图片也没有,运营人员半夜还在嚷嚷,无奈只好硬着头皮去百度,去google,但是悲催的是没有详细的解决方法,最终只能自己去研究,还好最终搞出来了,决定分享一下,帮助需要的人.博文,分两篇,第一篇主要是微信的官方文档说明,第二篇主要是代码部分: 一.微信JS-SDK说明文档 1.概述 微信JS-SDK是微信公众平台面向网页开发者

ArcGIS帮助文档VS帮助文档不能复制图片的解决方法

ArcGIS帮助文档VS帮助文档不能复制图片的解决方法(非常有用) ? 问题:ArcGIS的学习文档,开发文档,vs的帮助文档,一般都不能复制图片,有的甚至不能复制文本. ? 解决方法 在文档空白处右键,点击view source,然后保存txt文件为htm,然后再打开,用IE或者Chrome都可以 ArcGIS帮助文档VS帮助文档不能复制图片的解决方法

关于ThinkCMF自带插件上传不了图片的解决方法

原因:是因为删除了存放图片的文件夹,这是cmf在windows的一个BUG 解决方法: 再到php.ini里把 这个打开就解决了

css控制div下图片自适应解决方法:图片不超过最大宽度

我们(特别是像我一样的菜鸟)经常会遇到一个问题——图片自适应.这个问题是很普遍的.在文章区,在论坛,可以这么说:哪儿需要上传图片,哪儿就存在这个问题,而论坛上也不时有人询问.为什么?原因很简单,我们不能要求网页编辑或者你的论坛会员都会裁剪图片或者了解最基本的html代码——尽管这并没有多少技术含量. 以前的解决方法主要是利用js来实现,但用过的人都知道该办法有点繁琐.还有一种是在外部容器定义over-flow:hidden.但这种办法只会切割图片而不会自动适用. 下面的办法的出现应该感谢伟大的c

CSS flexbox里图片变形解决方法

问题: 在flex盒子里直接放若干img元素 编辑水平布局时图片的高度不会自动等比缩放 解决方法: 给每个图片外面套上div 原文地址:https://www.cnblogs.com/wu-yu-an/p/8530210.html

谷歌邮箱无法显示使用 Base64 处理的图片的解决方法

有时候图片会使用 Base64 编码来处理,然后再传到前端 img 标签的 src 属性里展示,这里记录遇到的一个问题,就是使用谷歌邮箱来打开图片,使用了 Base64 编码处理的图片是展示不出来的,不是找不到,是直接 src 属性都会不见了(可以在浏览器上按F12打开控制台查看),经过多次测试发现,谷歌邮箱似乎对 “data:image/jpg;base64,” 这串 Base64 编码处理的编码头有意见,只要带有这个编码头文件,src 属性直接诡异失踪,img 图片不展示.但是使用 Base

百度编辑器UEditor不能插入视频的解决方法

在编辑器中就可以引用优酷.腾讯视频的iframe通用代码和embed html代码:移动端一般引用iframe,可设置属性,使其适应设备.(这里,建议切换到源码模式,插入相应的视频代码embed或iframe.其中iframe可编辑大小,优酷embed有效,腾讯embed无效:且腾讯视频的iframe可设置为自动播放,优选) 注意:通过以上两步后,可能出现的新问题是,前端页面不解析<iframe>标签,而是将其原样输出: 解决方法:用html_entity_decode()函数把HTML实体转

destoon b2b 不能上传图和预览图片的解决方法

使用destoon的站长有时候因为网站搬家或者重新安装后,发现网站后台或者前台发布信息时不能上传图片,以及自己也不能操作了,这个先判断是不是权限问题,之后再判断其他的,可是权限没有任何的问题的,那么这个问题就在于程序方面的了,因为同一个服务器的话那么打开站点正常以及ftp上传正常的话,那么这个问题就可以说百分十九十是程序方面的问题了. 这个问题的原因是由于一个js文件命名的大小写导致的这个问题的发生,具体的问题是,点击上传图片没有任何的反映,就是加载了没有弹出来,那么这个时候可以发现一个/fil