Yes, use the File API, then you can process the images with the canvas element. This Mozilla Hacks blog post walks you through most of the process. For reference here’s the assembled source code from the blog post: // from an input element var filesToUpload = input.files; var file = filesToUpload[0]; var img = document.createElement(“img”); … Read more
localStorage.clear(); should work.
Reducer is never an appropriate place to do this because reducers should be pure and have no side effects. I would recommend just doing it in a subscriber: store.subscribe(() => { // persist your state }) Before creating the store, read those persisted parts: const persistedState = // … const store = createStore(reducer, persistedState) If … Read more
It’s per domain and port (the same segregation rules as the same origin policy), to make it per-page you’d have to use a key based on the location, or some other approach. You don’t need a prefix, use one if you need it though. Also, yes, you can name them whatever you want.
This can occur when Safari is in private mode browsing. While in private browsing, local storage is not available at all. One solution is to warn the user that the app needs non-private mode to work. UPDATE: This has been fixed in Safari 11, so the behaviour is now aligned with other browsers.
In most of the modern single page applications, we indeed have to store the token somewhere on the client side (most common use case – to keep the user logged in after a page refresh). There are a total of 2 options available: Web Storage (session storage, local storage) and a client side cookie. Both … Read more
The following was missing: settings.setDomStorageEnabled(true);
It’s simple. Just go to the developer tools by pressing F12, then go to the Application tab. In the Storage section expand Local Storage. After that, you’ll see all your browser’s local storage there.
The getItem method in the WebStorage specification, explicitly returns null if the item does not exist: … If the given key does not exist in the list associated with the object then this method must return null. … So, you can: if (localStorage.getItem(“infiniteScrollEnabled”) === null) { //… } See this related question: Storing Objects in … Read more
I would suggest to store timestamp in the object you store in the localStorage var object = {value: “value”, timestamp: new Date().getTime()} localStorage.setItem(“key”, JSON.stringify(object)); You can parse the object, get the timestamp and compare with the current Date, and if necessary, update the value of the object. var object = JSON.parse(localStorage.getItem(“key”)), dateString = object.timestamp, now … Read more