如何防止浏览器从HTML中创建jQuery对象时下载图片？

Question

我的网站中的用户，他们可以从任何其他网站（按Ctrl + A）复制整个页面，并粘贴到特殊的textarea从HTML获取一些有用的数据。

但现在我看到一些问题。当我用jQuery包装胶纸的html代码：

var page = $(html); 

我的浏览器（Chrome）开始下载存在于这个网站（也许不仅图片）的所有照片。 这对我来说不好，因为我使用安全的SSL连接并从另一个站点下载图片触发浏览器安全锁图标。

我可以关闭图片下载，或者如果我不能 - 我可以使用哪一个库来解析html而不下载不需要的内容？

Answer 1

你可以运行一个正则表达式来删除所有img标签，将它传递给jQuery的面前：

例如：

$(html.replace(/<img .*?>/ig, ''));​​​​ 

有关正则表达式修饰符和语法的更多信息，请查看MDN： https://developer.mozilla.org/en/JavaScript/Guide/Regular_Expressions

Answer 2

$(html)使得jQuery实际上将html代码注入隐藏页面的某处，以便计算宽度，高度，样式，距离，属性等。此操作始终使用浏览器的内置DOM解析器，这就是图像，iframe，背景图像，脚本，链接等被访问的原因。

您可以使用$.parseXML(html);但html代码需要有效格式化xml（xhtml）。

如果你唯一担心的是图像，但是你可以使用此代码：

// take the src attribute, change it to hiddensrc 
// credits: http://stackoverflow.com/a/1310706/608886 
var html = html.replace(/<img([^>]*)\ssrc=(['"])(?:[^\2\/]*\/)*([^\2]+)\2/gi, 
    "<img$1 hiddensrc=$2$3$2"); 

// parse the code 
var parsed = $(html); 

/////////////// 
// 
// do whatever you want here 
// 
////////////// 

// put the src attribute back at your discretion 
parsed.find(img[hiddensrc]).each(function(){ 
    $(this).attr('src',$(this).attr('hiddensrc')); 
});