title: jQuery - image src characters being replaced by symbols
body: <p>Im using a module for Magento 2 which adds a zoom feature to product pages, but for some reason in the src for the image it needs to use to zoom random symbols are being added.</p>
  <p><a href="http://magento.local:8080/pub/media/catalog/product%E0%B2%AChe%EF%BF%BD97d34b4208afe58d346643e2db/r/i/riccardo-dining-table-90cm-grey-knightsbridge-shimmer-grey_5__1.jpg" rel="nofollow noreferrer">http://magento.local:8080/pub/media/catalog/productಬhe�97d34b4208afe58d346643e2db/r/i/riccardo-dining-table-90cm-grey-knightsbridge-shimmer-grey_5__1.jpg</a></p>
  <p><strong>ಬhe�</strong> This bit</p>
  <p>I have traced where the symbols are coming from but am confused as to why they are being added.</p>
  <pre><code>if(self.options.zoomType == &quot;inner&quot;) {
      self.zoomWindow.css({ backgroundImage: &quot;url('&quot; + self.imageSrc + &quot;')&quot; }); //the symbols are being added here.
  }
  </code></pre>
  <p>In this section self.imageSrc is equal to: &quot;http://magento.local:8080/pub/media/catalog/product\cache\2e967597d34b4208afe58d346643e2db\/i/m/img_8820-1_5.png&quot;</p>
  <p>But after that bit of code applying the background image runs the src changes to:
  &quot;http://magento.local:8080/pub/media/catalog/productಬhe�97d34b4208afe58d346643e2db/i/m/img_8820-1_5.png&quot;</p>