问 如何在html页面动态生成图片然后分享至微博？

如题，需求：
我想要用户在点击页面上某个按钮后将页面里某个动态生成的DIV元素（包含用户相关信息）转为图片，然后分享至微博。
我的做法是这样的：

//html2canvas是html2canvas类库里的一个方法

var picURL;
html2canvas(document.getElementById("share"), {
                        allowTaint: true,
                        taintTest: false,
                        onrendered: function (canvas) {
                            var imgUrl = canvas.toDataURL();
                            var newImg = document.createElement("img");
                            newImg.src = imgUrl;
                            picURL= imgUrl;
                            document.body.appendChild(newImg);//测试用
                        }
                    });

$("#link").attr("href","http://service.weibo.com/share/share.php?title=&url="+document.location+"&pic="+picURL).click();
结果浏览器显示400 bad request；
我看了下img的url

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAl4AAAE8CAYAAAAR9b9KAAAgAElEQVR4Xux9B5wdZdn9mXLv3bs9ye5mN72
//后面省略六七百行。。。

我猜想可能原因有：
1 url太长
2 图片实际在客户端本地，URL传入分享参数里无效。

那么结果浏览器显示400 bad request的原因是什么？怎样解决这个需求呢？