解决iframe嵌套微信公众号文章图片不显示的方案
来源:互联网 发布:做淘宝联盟的视频教程 编辑:程序博客网 时间:2024/05/21 11:04
微信公众号分享出来的文章有自带防盗功能 , 所有的初始img链接都是写在date-src属性中,当链接打开时会自动判断当前页面是不是在最上层地址,当在最上层地址打开的时候才会把date-src替换成src,图片才能正常显示
我们可以绕过iframe的解析过程来实现渲染图片:
$.ajaxPrefilter( function (options) {
if (options.crossDomain && jQuery.support.cors) {
var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
options.url = http + '//cors-anywhere.herokuapp.com/' + options.url;
};
});
var share_link="http://mp.weixin.qq.com/####"; 这里是微信文章地址
$.get( share_link, function (response){
var html = response;
html=html.replace(/data-src/g, "src");
var html_src = 'data:text/html;charset=utf-8,' + html;
$("#iframeId").attr("src" , html_src);
});
原理:
cors-anywhere.herokuapp.com是一个服务端API,可以将跨域的原始请求发送到任何地方,我么通过这个方法可以获取跨域页面的HTML内容,并拼成string,用$.get方法返回这个string , 我们匹配里面所有的date-src并替换成src,然后把处理完的string放到iframe的src里,在浏览器解析的时候会自动将src内的内容解析成HTML页面
注:在把处理完成的string放到iframe的src里时,一定要在前面拼上解析码'data:text/html;charset=utf-8,'否则中文会出现乱码
- 解决iframe嵌套微信公众号文章图片不显示的方案
- iframe 引用微信公众号文章图片不显示问题
- 微信公众号分享图片显示不出来
- iframe嵌套微信网页,图片音频无法显示问题
- Python2.7下载微信公众号文章的图片
- 微信公众号文章-阅读点赞数-评论采集方案
- 微信分享链接或网站文章到微信朋友圈,缩略图片不显示,该如何解决?
- Python2.7下载微信公众号文章的图片(二)
- 微信公众号文章采集 爬取微信文章 采集公众号的阅读数和点赞数?
- 微信公众号文章采集 爬取微信文章 采集公众号的阅读数和点赞数?
- 微信公众号文章采集 爬取微信文章 采集公众号的阅读数和点赞数?
- 微信公众号文章采集 爬取微信文章 采集公众号的阅读数和点赞数?
- 微信公众号文章采集 爬取微信文章 采集公众号的阅读数和点赞数?
- 微信公众号文章采集 爬取微信文章 采集公众号的阅读数和点赞数?
- 微信公众号文章页的分析与采集
- 微信公众号文章搜寻
- 如何采集微信公众号文章
- 微信公众号文章链接参数
- Vuforia实现相机自动对焦
- PB中如何动态打开一个窗口?
- 脚本执行 把python添加到 注册表
- 4.1多维数组
- 大数据、Hadoop、spark、机器学习、深度学习等书籍表单
- 解决iframe嵌套微信公众号文章图片不显示的方案
- C++11:右值引用
- win+r使用技巧
- 【HDU 6114 Chess】
- 紫书第一章-----程序设计入门
- 第七篇:JAVA集合之LinkedHashmap源码剖析
- SpagoBI5.2搭建及开发指导
- js-面向对象------属性类型
- Just a Hook HDU