I have a code where the user's avatar is fetched from the backend. Now, the avatar file name is the same every time, even if a user uploads a new one because the backend replaces the old avatar with the new one with the same name. Since this was causing caching issue on the browser, I used [IMAGE_URL]?random={new Date().getSeconds()} to update the state immediately when user changes it. But this causes the avatar to download multiple times when the page loads or when a React state updates. Is there a way so that the image is not cached and also I don't have to put some random query strings?
Avoid image caching in browser in React
2.3k Views Asked by tuhindas At
1
There are 1 best solutions below
Related Questions in REACTJS
- Is my JWT refresh plan secure?
- Basic Auth to Receive Token in Spring Security
- JWT Auth custom user token
- Can JWT be a replacement for session based authentication for web application?
- Batching tokens with Laravel, JWT and Angularjs
- Google OAuth2 JWT token verification exception
- Why do I get SecurityTokenSignatureKeyNotFoundException?
- How does refreshing of jwt token work in django REST angular
- Protractor testing, access and modify Window object properties
- How can i expire my JWT token, when user is idle for sometime(Token based authorization) in nodeJS/Express and Angular
Related Questions in CACHING
- Is my JWT refresh plan secure?
- Basic Auth to Receive Token in Spring Security
- JWT Auth custom user token
- Can JWT be a replacement for session based authentication for web application?
- Batching tokens with Laravel, JWT and Angularjs
- Google OAuth2 JWT token verification exception
- Why do I get SecurityTokenSignatureKeyNotFoundException?
- How does refreshing of jwt token work in django REST angular
- Protractor testing, access and modify Window object properties
- How can i expire my JWT token, when user is idle for sometime(Token based authorization) in nodeJS/Express and Angular
Related Questions in BROWSER
- Is my JWT refresh plan secure?
- Basic Auth to Receive Token in Spring Security
- JWT Auth custom user token
- Can JWT be a replacement for session based authentication for web application?
- Batching tokens with Laravel, JWT and Angularjs
- Google OAuth2 JWT token verification exception
- Why do I get SecurityTokenSignatureKeyNotFoundException?
- How does refreshing of jwt token work in django REST angular
- Protractor testing, access and modify Window object properties
- How can i expire my JWT token, when user is idle for sometime(Token based authorization) in nodeJS/Express and Angular
Related Questions in STATE
- Is my JWT refresh plan secure?
- Basic Auth to Receive Token in Spring Security
- JWT Auth custom user token
- Can JWT be a replacement for session based authentication for web application?
- Batching tokens with Laravel, JWT and Angularjs
- Google OAuth2 JWT token verification exception
- Why do I get SecurityTokenSignatureKeyNotFoundException?
- How does refreshing of jwt token work in django REST angular
- Protractor testing, access and modify Window object properties
- How can i expire my JWT token, when user is idle for sometime(Token based authorization) in nodeJS/Express and Angular
Related Questions in NO-CACHE
- Is my JWT refresh plan secure?
- Basic Auth to Receive Token in Spring Security
- JWT Auth custom user token
- Can JWT be a replacement for session based authentication for web application?
- Batching tokens with Laravel, JWT and Angularjs
- Google OAuth2 JWT token verification exception
- Why do I get SecurityTokenSignatureKeyNotFoundException?
- How does refreshing of jwt token work in django REST angular
- Protractor testing, access and modify Window object properties
- How can i expire my JWT token, when user is idle for sometime(Token based authorization) in nodeJS/Express and Angular
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
you have to implement a hash mechanism on your backend to add a hash string to the image name not on the client side