Skip to main content
T
T.Nakamura11-Garnet
11-Garnet
September 27, 2022
Question

How do I save a text file and picture to local drive on device?

  • September 27, 2022
  • 3 replies
  • 3673 views

Hi PTC Support team

 

Sometimes , we use view app in environment as a plant where can't use network.

How can I save a text file and picture file to local folder on device?

 

We want to save an inspection result (OK,NG) temporarily , then upload result file to server when the network is restored.

I try create element ('a') in home.js , It worked fine in preview, but not worked in view app on the device.

3 replies

R
RolandRaytchev21-Topaz I
21-Topaz I
September 27, 2022

Hi @T.Nakamura ,

currently  the Vuforia view does not provide functionality  to save data locally . So therefore you need a server e.g. Thingworx repository to save the data of the current project session. When you load a project (via Thingmark, ModelTarget  etc. ) the data related to the session is saved so far in the app parameters, widget values and js variables of the current View session. This data will be lost when you exit the Vuforia View app or load another project. Currently Vuforia View could not save data to locally to the mobile device. So means to be able to "remember" the status of some session from the past you need to load data from Web Server - e.g. form the Thingworx server or to save the data specific Studio project  session you need respectively to save the data to the web server location. So far I know there are no plans for implementation (local data save in offline session)

 

R
RolandRaytchev21-Topaz I
21-Topaz I
September 27, 2022

As mentioned in my previous post this is know restriction but I forwarded your request for  to PTC AR R&D / Product Management as Jira Ticket VTS-1187 (you can use also this as reference in discussions with PTC Technical Support). I will provide an update when there is a feedback  to the Jira ticket. Possibly somebody from  Product Management team or R&D will directly answer on this topic, Thanks

T
T.Nakamura11-GarnetAuthor
11-Garnet
October 3, 2022

Hi, @RolandRaytchev 

Thank you for your support.

I understood can't save data locally.

 

Currently we use view is limited in our environment.

I hope so implementation for this function.

R
rabernathy12-Amethyst
12-Amethyst
October 6, 2022

If you're willing to write some code, you can use the standard JS api for localStorage to write some data (between 5-10 mb total typically) to the device.  The localStorage areas are specific to the origin (meaning the path for experiences loaded from the ES is different than downloaded experiences so they have different origins) and data cannot be accessed across different localStorage areas.  All experiences loaded from the ES would share the same localStorage space on the device; all downloaded experiences would share the same localStorage space on a device (which is a different localStorage space from the experiences loaded from the ES).

 

Also any images would have to be converted to base64 to be stored in localStorage since you can just store text data (not binary files).  You will have to manage writing the data to localStorage, retrieving it, writing the data to Thingworx, and erasing the localStorage data yourself; none of this is supported or automated.  It's really not difficult to do, there is a lot of information online about using the JS localStorage api.

    R
    RolandRaytchev21-Topaz I
    21-Topaz I
    October 7, 2022

    @rabernathy , this seem to be interesting option which I never used therefore was curious to test

    simple reference  https://www.w3schools.com/html/html5_webstorage.asp but also many others

    HTML Web Storage Objects

    HTML web storage provides two objects for storing data on the client:

    • window.localStorage - stores data with no expiration date
    • window.sessionStorage - stores data for one session (data is lost when the browser tab is closed)

    Before using web storage, check browser support for localStorage and sessionStorage:

    Unlike cookies, the storage limit is far larger (at least 5MB) and information is never transferred to the server.

    Web storage is per origin (per domain and protocol). All pages, from one origin, can store and access the same data.

     

    So I tested the window.localStorage with the curret Studio and Vuforia View version on android with simple code like:

    $scope.test=function(){
 
if (localStorage.clickcount) {
 window.localStorage.clickcount = Number(window.localStorage.clickcount) + 1;
} else {
 window.localStorage.clickcount = 1;
}
let bla = "You have clicked the button " +
window.localStorage.clickcount + " time(s).";
 $scope.setWidgetProp("3DLabel-1","text",bla)
}

    Frist impression was good-all experiences loaded form the same experience service ( https://my-esperienceservice1.io ) could access the saved data also after closing of view app and restart. So having localStorageExperiencetest1 and localExperiencetest2 calling the same code after reloading form server closing vuforia view they still will "remember" the value of clickcount and will continue to increment. At least this is a good option to share data between session and experiences Project and session  if necessarily 

    But unfortunately in this usage case this have one problem . It is data specific for domain and it seems that there is a different domain for the offline mode.

    So starting e.g. experience localStorageExperiencetest1 from library (the experience was downloaded to the mobile) and loaded then it has different count. So means all offline /libraries experience will share the same localStorage but when the experience is again online it has a different local storage and could not access the data saved in offline mode. At least this was my observation.

     

     

    R
    rabernathy12-Amethyst
    12-Amethyst
    October 7, 2022

    As I said in my initial post, experiences that are launched from the ES have a different origin than downloaded experiences.  I disagree that it's a huge issue though.  In a downloaded experience you aren't going to connect to Thingworx to store data anyway so that's a very different use case than starting an experience and then going offline. 

     

    The scenario you describe of running a downloaded experience while offline then wanting to run the ES experience later honestly doesn't make any sense to me.....they aren't the same experience and you can't guarantee they will be the same so your scenario could introduce issues when the downloaded experience isn't updated.  You're better off starting the experience from the ES and then going offline and coming back online.  In fact JS even has listeners for online and offline.

     

    window.addEventListener("offline, () => {

    });

    window.addEventListener("online, () => {

    });

     

    You can start writing to the localStorage when the offline listener is triggered and then write to Thingworx when the online listener is triggered.

     

    Even if you don't want to do that, there a lot of use cases where localStorage makes sense to use even when you are always connected.  I use it to store a UUID for the device, I also use it to store information about where you are in the execution of an experience so that if it crashes or you exit, you can re-start at the same place when you restart the experience.

     

     

    Terms & ConditionsCookie settingsAccessibility statement