微信商户通有这么一个需求，用户打开H5页面后，引导用户到电脑下载设计资源包，由于各种内部原因，被告知无后台资源支持，自己折腾了一段时间找了下面2个办法，简单做下笔记。
mailto使用方法
1、基础写法
当浏览者点击这个链接时，浏览器会自动调用默认的客户端电子邮件程序，并在收件人框中自动填上收件人的地址下面
&a href="mailto:"&单击这里给peun发电子邮件&/a&
2、在收件人地址后用?cc=开头，填写抄送地址(android存在兼容问题)
&a href="mailto:?cc="&单击这里给peun发电子邮件&/a&
3、紧跟着抄送地址之后，写上&bcc=，填上密件抄送地址(android存在兼容问题)
&a href="mailto:?cc=&bcc="&单击这里给peun发电子邮件&/a&
注意：在添加这些功能时，第一个功能以"?"开头，后面的以"&"开头
4、包含多个收件人、抄送、密件抄送人，用分号隔(;)开多个收件人的地址即可实现
&a href="mailto:peun@foxmail."&单击这里给peun发电子邮件&/a&
5、包含主题，用?subject=可以填上主题
&a href="mailto:?subject=【邀请函】"&单击这里给peun发电子邮件&/a&
6、包含内容，用?body=可以填上内容
内容包含文本，使用%0A给文本换行
&a href="mailto:?body=邀请您参加腾讯onepiece分享%0A%0A期待您的到来%0A%0Apeunzhang"&单击这里给peun发电子邮件&/a&
内容包含链接，含http(s)://等的文本自动转化为链接
&a href="mailto:?body=http://www.cnblogs.com/PeunZhang/"&单击这里给peun发电子邮件&/a&
内容包含图片，PC端不支持
&a href="mailto:?body=&img src='http://images.cnblogs.com/cnblogs_com/PeunZhang/286351/o_peunzhang_cnblogs_code.png' width='200' height='200'&"&单击这里给peun发电子邮件&/a&
8、完整示例，如果mailto后面同时有多个参数的话，第一个参数必须以&?&开头，后面的每一个都以&&&开头
&a href="mailto:aaa@xxx.bbb@xxx.?cc=ddd@yyy.&bcc=&subject=【邀请函】&body=邀请您参加腾讯onepiece分享"&单击这里给peun发电子邮件&/a&
知道基本的用法后，回到微信商户通的需求点，有了以下的界面：
发送成功后，在QQ邮箱打开的界面：
体验二维码：
重点代码展示：
&a href="javascript:;" class="btn btn-green form-btn" id="sendBtn"&打开邮箱&/a&
javascript
var txt = "?subject=［微信支付停车场行业资源包v1.0］&body=停车场行业 - 微信支付行业设计方案资源包v1.0%0A%0A"
+ "http://action.weixin.qq.com/payact/readtemplate?t=/mobile/merchant/project/parking/download_tmpl%0A%0A"
+ "里面含有：%0A%0A1.停车场行业方案设计模版.ai%0A2.停车场前端页面开发文件.html%0A%0A"
+ "您可以用源文件直接编辑后印刷或开发。%0A%0A"
+ "资源包如果有最新版本会第一时间更新。欢迎继续关注微信支付行业设计方案，或者分享给您的商业伙伴。%0A%0A"
+ "微信支付行业设计方案：%0A%0A"
+ "&img src='http://ol.weixin.qq.com/public/demo/parking/parking_discount/img/code.png' width='200' height='200'&";
var sendBtn = document.getElementById("sendBtn"),
sendName = document.getElementById("sendName");
sendBtn.addEventListener("click",function(e){
sendNameVal = document.getElementById("sendName").
if (filter.test(sendNameVal) == false) {
e.preventDefault();
removeClass(info,"hide")
if(filter.test(sendNameVal) == true){
sendBtn.setAttribute("href","mailto:" + sendNameVal + txt);
部分用户打开邮箱后不知道是自己给自己发送邮件
部分用户没有手机邮箱账户，点击打开邮件后不会设置，放弃下载
邮件成功后，被部分客户端当做垃圾邮件处理，用户找不到邮件
于是在此缺点的上补充了手机自带的复制功能，保证用户可以拿到下载链接，完善后下载量也提升了~
长按a标签弹出系统默认菜单，点复制(拷贝)，保证用户有办法可以拿到下载链接：
重点代码展示：
&a href="http://action.weixin.qq.com/payact/readtemplate?t=mobile/merchant/project/parking/download_tmpl" target="_blank" class="copy"&http://action.weixin.qq.com/payact/readtemplate?t=mobile/merchant/project/parking/download_tmpl&/a&
.copy{-webkit-touch-callout: default;}
javascript
//检测平台，PC端可点击a，移动端禁止a
function mobilePreventA(e){
var system = {
win: false,
mac: false,
xll: false,
ipad:false
var p = navigator.
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
if (!(system.win || system.mac || system.xll)) {
e.preventDefault();
var copyBtn = document.querySelector(".copy");
copyBtn.addEventListener("click",function(e){
mobilePreventA(e);
需要发送下载链接到PC的微信或者QQ等，操作不方便
调用QQ邮件分享功能
重点代码展示：
&script type="text/javascript"&
(function(){
url:location.href,
to:'qqmail',
desc:'', /*默认分享理由(可选)*/
summary:'请打开http://www.cnblogs.com/PeunZhang/下载',/*摘要(可选)*/
title:'资源下载',/*分享标题(可选)*/
site:'白树博客',/*分享来源 如：腾讯网(可选)*/
pics:'ttp://images.cnblogs.com/cnblogs_com/PeunZhang/286351/o_peunzhang_cnblogs_code.png' /*分享图片的路径(可选)*/
var s = [];
for(var i in p){
s.push(i + '=' + encodeURIComponent(p[i]||''));
document.write(["&a target='_blank' ", 'href="http://mail.qq.com/cgi-bin/qm_share?', s.join("&"), '"', ' style="cursor:text-decoration:outline:none"&&img src="http://rescdn.qqmail.com/zh_CN/htmledition/images/function/qm_open/ico_share_01.png"/&&/a&'].join(""));
移动端并没有做兼容，手机设备上操作难度大
没有设置viewport，页面内容特别小
没有微信登陆授权操作，需要手动输入QQ账号
综合考虑，最终选择了mailto和a标签长按复制方法的结合，如果大家有更好的方法请留言！
阅读(...) 评论()
朋友同事同行我图网-专注正版设计作品交易
买家用户ID
卖家用户ID
新年营销微信H5活动砸金蛋小游戏公众号
已实名认证
我图网提供精品流行
新年营销微信H5活动砸金蛋小游戏公众号素材
下载，设计作品简介：
新年营销微信H5活动砸金蛋小游戏公众号 位图,
使用软件为 Photoshop CC(.psd分层)
多边形背景
砸金蛋活动
【本作品下载内容为:"新年营销微信H5活动砸金蛋小游戏公众号"模板，其他内容仅为参考，如需印刷成实物请先认真校稿，避免造成不必要的经济损失。】
【声明】未经权利人许可，任何人不得随意使用本网站的原创作品（含预览图）,否则将按照我国著作权法的相关规定被要求承担最高达50万元人民币的赔偿责任。
价格：20我图币
加入购物车
正正版授权
质质量保证
售售后服务
400-600-8526
还没账号？
其它登录方式
审核通过后，系统会直接将我图币发放到您的账户。
目前奖励范围只包含以下三个原因：
盗版/重复的作品：
指该作品与站内已有作品相同或相似度较高。举报
该作品需提供相似作品的链接。
违反法律法规的作品：
指该作品含有国家或政府颁发的证件或含有色情、淫秽、赌博、贩毒、暴力、凶杀、反动、泄漏国家秘密、危害国家安全等违法不良信息的作品。
侵犯版权的作品：
指该作品含有他人已注册版权内容的作品，如含有迪斯尼，喜洋洋等已注册版权内容的作品。
欢迎您参与举报，与我们一起维护网站作品的纯净！
重复/盗版的作品
违反法律法规的作品
侵犯版权的作品
请提供原作品链接(必填)H5 里用户的微信头像显示不出来了 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
已注册用户请 &
H5 里用户的微信头像显示不出来了
· 96 天前 · 1463 次点击
刚发现微信头像域名换成了：
然而在 iPhone 手机上，无论是手机微信还是 safari 打开都加载不出来这个图片，但是在电脑上或者微信的开发者工具上都可以正常加载，求指导是啥问题
4 回复 &| &直到
21:03:37 +08:00
& &96 天前
比如下面这个头像，在 H5 上用 img src 显示，在电脑上用浏览器可以正常显示，但是通过 iPhone 手机打开页面却看不到图片，我 HTTP 和 HTTPS 的服务器都试了，好像都没有用：
& &96 天前 via Android
& &96 天前
@ 哦，改域名了。谢谢，但是奇怪，为啥我在服务器的页面上直接 img src 显示比如上面那个链接图片，在电脑上可以显示，但是手机上却不显示
& &96 天前
我擦，是移动的 WIFI 造成的，关上 WIFI，换成 4G 在手机上就可以显示出来，擦，这是啥原因
& · & 2045 人在线 & 最高记录 3541 & · &
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.1 · 14ms · UTC 14:32 · PVG 22:32 · LAX 07:32 · JFK 10:32? Do have faith in what you're doing.H5场景应用
免费的H5场景应用创作工具，无需编程，可视化操作，轻松制作H5页面
新媒体营销
丰富的新媒体互动营销功能，完善的新媒体互动营销体系，提升营销转化率
简单设置，一键生成企业专属H5游戏，配以奖励机制，充分调动用户的参与性
针对行业更深层次的需求，进行高端定制和开发，满足企业个性化需求
微信互动营销
商业展示与销售
新媒体与广告
数字出版与教育
TA们的优秀作品
黄金四不要
保险消费者信心指数发布
宝尊招人，够胆就来！
搜狗输入法大赛-UI中国
你收到一份安徽卫视机密档案
海尔日日顺物流“合伙人发展联盟”招商邀请
BFC外滩金融中心微楼书
和你在一起
JZ玖姿2016春季大片
2016互联网+个性化教育发展论坛【邀请】
Gear S2——三星第四代智能手表
广发广州2016年校园招聘
百雀羚肌初赋活(R)系列强势来袭
时光不老 我们不散
TA们都在使用最酷
最酷网 免费版和企业版说明【求助】新版ih5怎么获取微信头像和昵称_ih5吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：716贴子：
【求助】新版ih5怎么获取微信头像和昵称
新版ih5怎么获取微信头像和昵称？？？求大神！！！
不同于ih5,意派Epub360 几乎支持完全自由的交互设计,如序列帧,SVG动画,陀螺仪.意派Epub360 功能强大,操作像PPT样简单,是滴滴,招行,实力传播等品牌机构的共同选择!
在舞台加个微信的组件。。。
贴吧热议榜
使用签名档&&
保存至快速回贴