Javascript 当src属性是文件而不是url时显示图像

Javascript 当src属性是文件而不是url时显示图像,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我在我的chrome扩展中使用了一个内容脚本,它获取src属性(来自用户活动选项卡中的多个图像),以便在单击浏览器操作时显示的弹出HTML文件中显示它们。我需要显示的某些图像使用的src值是指向本地文件的路径 例子: src=“/image/17_x.px?wid=450&hei=500&bgcolor=xxx…等” src以“/”开头,有一个简短的标识符,由“17_x”表示,后跟图像的各种属性。还对这些图像元素设置了itemprop=“image”。“xxxx…etc”只是表示src中列出了

我在我的chrome扩展中使用了一个内容脚本,它获取src属性(来自用户活动选项卡中的多个图像),以便在单击浏览器操作时显示的弹出HTML文件中显示它们。我需要显示的某些图像使用的src值是指向本地文件的路径

例子: src=“/image/17_x.px?wid=450&hei=500&bgcolor=xxx…等”

  • src以“/”开头,有一个简短的标识符,由“17_x”表示,后跟图像的各种属性。还对这些图像元素设置了itemprop=“image”。“xxxx…etc”只是表示src中列出了其他属性和值

当我用这个“本地”src创建一个新的图像元素时,所需的图像不会显示在弹出的html文件中。是否有其他方法可以使用此图像数据在扩展名中显示图像?

原因:
element.getAttribute(“src”)
$(…).attr(“src”)
返回原始html标记


解决方案:使用DOM属性而不是
element.src
$(…)[0].src
返回完整的URL。

那么您是从用户的计算机上获取图像的吗?
?wid=450&hei=500&bgcolor=xxx…等
,它们永远不会与本地文件路径一起工作,不,我从我的扩展用户正在访问的任何网站获取图像。这些是相对URL,而不是“本地”。