Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

141
Views
Remove ability to edit data if person refreshes page / visits from another tab?

imgur has an interesting feature where

  • you can create a post using https://imgur.com/upload
  • after the upload finishes, you will be redirected to the post's page where you can edit the title as much as you want. If you refresh the page / visit it in another tab--the ability to edit the title is gone.

How is Imgur doing this? My guess is cookies are involved somehow, but I'm not sure.

about 4 years ago · Juan Pablo Isaza
3 answers
Answer question

0

  • With PHP, you can use $_SESSION to achieve this
  • With JS, you can use localStorage to achieve this
  • With JS, you can use URLSearchParams to achieve this
  • with next/react, you can use useState to achieve this

On Create save the id of the editable resource, on Render if it matches enable edit and reset the saved editable id.

  • You can fake the redirect, which means showing the edit page and putting the view page into the URL

  • on redirecting, set a cookie: https://remix.run/docs/en/v1/api/remix#redirect

    return redirect(`resource/$id`, {
         headers: {
          "Set-Cookie":  `editable:$id`,
         },
    });

Then, use the Cookie API to check that cookie.

about 4 years ago · Juan Pablo Isaza Report

0

you can check for the navigation type. see the answer from @Илья Зеленько on https://stackoverflow.com/a/53307588/14250290

the types you're looking for are reload and back_forward you probably want to have something happen in the backend happen as well to prevent a malicious user.

Another option would be to send a token from the backend when a post is made and in order to edit a post that exact token would need to be sent back. Just don't save the token in anything that persists and on a refresh or new tab it'll be yeeted.

about 4 years ago · Juan Pablo Isaza Report

0

If you do not want to use cookies or session than one way to achieve this is by using useState. update the state when post is created/upload to true(initially false). When user will refresh the page then that state will automatically be false because the component is rendered just now. Note:- If you do not want to use state you can use redux also to achieve this solution. After that use that state or redux state to to enable/disable the ability to edit the post.

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!