朋友圈分享並更換為自己的圖片

阿新 • • 發佈：2021-01-29

技術標籤：html css javascript

利用原生js實現分享朋友圈並更改為自己想要的圖片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no" 
>
    <title>百度分享-分享到朋友圈及qq</title>
    <style type="text/css">
        .share-div .bdsharebuttonbox .common-size {
            width: 30px;
            height: 30px;
        }
        .share-div .bdsharebuttonbox .bds_weixin {
           background: url("../img/wechat-icon.png" 
) no-repeat center;
           background-size: 30px 30px;
        }
    </style>
</head>
<body>
<div class="share-div">
    <div class="bdsharebuttonbox">
         <div>
            <div class="share-img">
                <a href= 
"#" data-cmd="weixin" title="分享到微信" class="common-size bds_weixin"></a>
            </div>
            <div class="share-img">
                <a href="#" data-cmd="tsina" title="分享到新浪微博" class="common-size bds_tsina"></a>
            </div>
            <div class="share-img">
                <a title="分享到Facebook" data-cmd="fbook" class="common-size bshare-facebook bds_fbook"></a>
            </div>
            <div class="share-img">
                <a title="分享到Twitter" data-cmd="twi" class="common-size bshare-twitter bds_twi"></a>
            </div>
        </div>
    </div>
</div>

<script>
    window._bd_share_config = {
        "common": {
            "bdSnsKey": {},
            "bdText": "",
            "bdMini": "2",
            "bdMiniList": false,
            "bdPic": "",
            "bdStyle": "0",
            "bdSize": "16"
        },
        "share": {},
        "selectShare": {"bdContainerClass": null, "bdSelectMiniList": ["weixin", "tsina", "fbook","twi"]}
    };
    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>
</body>
</html>

實現效果如圖所示：
在這裡插入圖片描述

更改為自己想要實現的圖片，需在class為bdsharebuttonbox的div外，在進行一層div包裹，以此覆蓋其原本的樣式

朋友圈分享並更換為自己的圖片

技術標籤：htmlcssjavascript 利用原生js實現分享朋友圈並更改為自己想要的圖片 <!DOCTYPE html>

微信小程式點選生成朋友圈分享圖(遇到的坑)

上個月boss交給我個微信小程式的活，告訴我只需要負責前端頁面這塊，問我多久做完，於是我不知天高地厚的說一禮拜就能完工，哈哈哈，果然，現實總是那麼無情的來打臉了。。。磨磨蹭蹭一共用了將近3個禮拜才算完事。

uniapp 仿微信朋友圈，微博晒圖圖片自適應排版

export default { data() { return { imgList: [ \'../../static/bac1.jpg\', \'../../static/bac1.jpg\' ] } }, onLoad() {

mac環境下安裝node，更換npm為淘寶源並命名為cnpm，安裝vue-cli並更換為4.x版本，並使用vue ui 圖形化頁面建立使用vue專案

1.先安裝node.js(下載完成後一鍵安裝，完事使用 node --version檢視版本資訊) https://nodejs.org/zh-cn/

簡單粗暴教你在VUE中引入微信SDK 呼叫微信分享、朋友圈分享、QQ分享......

寫在前面：剛做了一個微信端的網頁，用到了微信分享，在網上看了好多的資料，發現好多文件都寫得雲裡霧裡，讓人看的頭疼。通過對很多大佬文章的綜合整理，才完成了微信分享的部分。所以我想著自己寫一篇文章，能讓看

朋友圈能發 9 張以上圖片了，微信 iOS 版 8.0.18 正式版新內容公開

感謝網友 SP_CE、✨Star·未來✨ 的線索投遞！

uniapp分享朋友圈，ios端圖片不顯示

ios分享朋友圈，imageUrl有20kb的大小限制，前端講圖片下載到本地，然後進行圖片壓縮，就可以顯示了ios中只允許訪問_www、_doc、_documents、_downloads四個目錄的檔案

python製作朋友圈九宮格圖片

本文例項為大家分享了python朋友圈九宮格圖片的具體制作程式碼，供大家參考，具體內容如下

微信小程式實現canvas分享朋友圈海報

本文例項為大家分享了微信小程式分享朋友圈海報的具體程式碼，供大家參考，具體內容如下

微信小程式-分享到朋友圈初體驗

之前為了把小程式分享到朋友圈很費勁，通常做法是用canvas繪製一張帶小程式碼的圖，讓使用者先下載下來在手動分享到朋友圈，這樣確實很費勁。現在小程式開放了beta版版本分享到朋友圈功能，體驗了下不得不說比上面那

微信小程式開放分享到朋友圈功能分享

2020年7月7日（據說是6日深夜），一個很特別的日子，微信低調地放開了一個功能：微信小程式“分享到到朋友圈”，這個看似微小的變化，對微信小程式來說意義重大。

微信小程式如何實現“分享到朋友圈”，一段程式碼實現！

最近微信開放了小程式分享到朋友圈的方法，很多公司的小程式都想快速佔領朋友圈，那麼分享到朋友圈對小程式版本最低要求是多少？程式碼如何寫？解決這兩個問題就能實現這個功能了。

小程式onShareTimeline()分享朋友圈

目前小程式分享到朋友圈有以下2個限制： a.僅支援Android平臺，ios平臺暫不支援

js實現點選上傳圖片並設為模糊背景

本文例項為大家分享了js實現點選上傳圖片，同時設該圖片為模糊背景，供大家參考，具體內容如下

不到100行程式碼 Python製作一個九宮格圖片生成器，炫酷朋友圈！

朋友圈下面的這種圖片排列風格，相比大家一定會很熟悉，有關於職位招聘的

微信小程式開放「分享到朋友圈」功能

2020年7月7日（據說是6日深夜），一個很特別的日子，微信低調地放開了一個功能：微信小程式“分享到到朋友圈”，這個看似微小的變化，對微信小程式來說意義重大。

批量下載圖片並壓縮為zip 格式

@GetMapping(\"/downLoadImgs\") public void downLoadImgs(@RequestParam(value = \"ids\") String ids, HttpServletResponse response) throws Exception {

【LeetCode-並查集】朋友圈

題目描述班上有 N 名學生。其中有些人是朋友，有些則不是。他們的友誼具有是傳遞性。如果已知 A 是 B 的朋友，B 是 C 的朋友，那麼我們可以認為 A 也是 C 的朋友。所謂的朋友圈，是指所有朋友的集合。

微信公眾號H5，分享朋友，分享朋友圈處理

如果不處理，很醜。加上下面的程式碼，就會好看多了。 <script> // 初始化

利用Python實現朋友圈中的九宮格圖片效果

前言大家應該經常在朋友圈看到有人發九宮格圖片，其實質就是將一張圖片切成九份，然後在微信中一起發這九張圖即可。