使用正則表達式刪除相對路徑斜杠

Question

我正在嘗試從包含其他幾個元素的HTML塊中刪除所有相對圖像路徑斜杠。

例如

<img src="../../../../images/upload/1/test.jpg />

將需要成為

<img src="http://s3.amazonaws.com/website/images/upload/1/test.jpg" />

我當時想將其編寫為Rails的幫助程序，只是將整個代碼塊傳遞給方法，然后使用Nokogiri或Hpricot來解析HTML，但是我並不知道。

任何幫助都會很棒

干杯亞當

Answer 1

給定頁面的絕對URL和在該頁面上找到的相對路徑的一種構造絕對路徑的方法：

pageurl = 'http://s3.amazonaws.com/website/foo/bar/baz/quux/index.html'
relative = '../../../../images/upload/1/test.jpg'
absolute = pageurl.sub(/\/[^\/]*$/, '')
relative.split('/').each do |d|
  if d == '..'
    absolute.sub!(/\/[^\/]*$/, '')
  else
    absolute << "/#{d}"
  end
end
p absolute

或者，您可以作弊：

'http:/'+File.expand_path(File.dirname(pageurl.sub(/^http:/, ''))+'/'+relative)

Answer 2

當內置的“ uri”庫可以為您做到這一點時，無需重新發明輪子：

require 'uri'
main_path = "http://s3.amazonaws.com/website/a/b/c"
relative_path = "../../../../images/upload/1/test.jpg"

URI.join(main_path, relative_path).to_s
  # ==> "http://s3.amazonaws.com/images/upload/1/test.jpg"

Answer 3

此塊可能會幫助：

html = '<img src="../../../../images/upload/1/test.jpg />'
absolute_uri = "http://s3.amazonaws.com/website/images"
html.gsub(/(\.\.\/)+images/, absolute_uri)