diff --git a/javascript/src/iframe/wopiapi-iframe.js b/javascript/src/iframe/wopiapi-iframe.js
index c009f9ed020171a5bafc2a4ff4b97c60aff11f9f..24283fc69c29dd844caf10569679733d18def100 100644
--- a/javascript/src/iframe/wopiapi-iframe.js
+++ b/javascript/src/iframe/wopiapi-iframe.js
@@ -12,7 +12,7 @@ WopiAPI.prototype.getPassports = function (fileID) {
       uuid,
       token,
       deviceHash,
-      fileID
+      fileID: encodeURI(fileID)
     }
   };
 
@@ -22,6 +22,7 @@ WopiAPI.prototype.getPassports = function (fileID) {
 WopiAPI.prototype.putDocument = function (path, accessToken, file) {
   const { publicKey, uuid, token, deviceHash } = window.viamApi.getConfig().headers;
   path = path[0] === "/" ? path : `/${path}`;
+  path = encodeURI(path);
   const requestConfig = {
     url: `${window.WOPI_URL}files${path}/contents`,
     method: 'POST',