[webinterface.default] make sure to URL-encode any image-paths returned by JSON-RPC when calling http://<ip>:<port>/vfs/

2 files changed, 3 insertions, 3 deletions

diff --git a/addons/webinterface.default/js/MediaLibrary.js b/addons/webinterface.default/js/MediaLibrary.js
index 1033cc71bc..64b0a40e2e 100755
--- a/addons/webinterface.default/js/MediaLibrary.js
+++ b/addons/webinterface.default/js/MediaLibrary.js
@@ -454,7 +454,7 @@ MediaLibrary.prototype = {
     }
   },
   getThumbnailPath: function(thumbnail) {
-    return thumbnail ? ('/vfs/' + thumbnail) : DEFAULT_ALBUM_COVER;
+    return thumbnail ? ('/image/' + encodeURI(thumbnail)) : DEFAULT_ALBUM_COVER;
   },
   generateThumb: function(type, thumbnail, title, artist) {
     var floatableAlbum = $('<div>');
diff --git a/addons/webinterface.default/js/NowPlayingManager.js b/addons/webinterface.default/js/NowPlayingManager.js
index 43ecdd230f..59192cbd20 100755
--- a/addons/webinterface.default/js/NowPlayingManager.js
+++ b/addons/webinterface.default/js/NowPlayingManager.js
@@ -382,7 +382,7 @@ NowPlayingManager.prototype = {
         this.lastPlaylistItem = this.activePlaylistItem;
         var imgPath = DEFAULT_ALBUM_COVER;
         if (this.activePlaylistItem.thumbnail) {
-          imgPath = (this.activePlaylistItem.thumbnail.startsWith('special://') ? '/vfs/' : 'images/') + this.activePlaylistItem.thumbnail;
+          imgPath = this.activePlaylistItem.thumbnail.startsWith('special://') ? ('/image/' + encodeURI(this.activePlaylistItem.thumbnail)) : ('images/' + this.activePlaylistItem.thumbnail);
         }
         $('#audioCoverArt').html('<img src="' + imgPath + '" alt="' + this.activePlaylistItem.album + ' cover art">');
         $('#audioTrackTitle').html('<span title="' + this.activePlaylistItem.title + '">' + this.activePlaylistItem.title + '</span>');
@@ -430,7 +430,7 @@ NowPlayingManager.prototype = {
         this.lastPlaylistItem = this.activePlaylistItem;
         var imgPath = DEFAULT_VIDEO_COVER;
         if (this.activePlaylistItem.thumbnail) {
-          imgPath = (this.activePlaylistItem.thumbnail.startsWith('special://') ? '/vfs/' : 'images/') + this.activePlaylistItem.thumbnail;
+          imgPath = this.activePlaylistItem.thumbnail.startsWith('special://') ? ('/image/' + encodeURI(this.activePlaylistItem.thumbnail)) : ('images/' + this.activePlaylistItem.thumbnail);
         }
         $('#videoCoverArt').html('<img src="' + imgPath + '" alt="' + this.activePlaylistItem.title + ' cover art">');
         $('#videoShowTitle').html(this.activePlaylistItem.showtitle||'&nbsp;');