Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Help Perfecting Image Upload Script

Featured Replies

I am trying to perfect my upload script, so I was wondering if someone could present a few ideas on how to add a in browser, 'on the page' way of adding a loading image.

 

Currently, this is the order to the PHP upload script.

 

1. Click Browse (find image)

2. Submit image

3. Page reloads with codes and thumbnail

 

 

I basically want no reloading of the page, without frames or intense coding. Between 2 and 3, it should have a loading image if possible, but it shouldn't delay the upload if it's a small image.

 

I have heard of a few methods, like Ajax and Javascript, but I was wondering what would be the easiest, fastest, and most compatible way of adding this 'Loading' Image.

I'd say look into ajax if you want to remove the page refresh bit...

If you're ready to post your script, I'll have a look for you ;)

 

Oli

  • Author

It shouldn't have to reload to show the results.

 

Maybe put in a spinner loading image while it loads.

221ed3.gif

 

This one if you can.

index.php.zip

  • 3 weeks later...

for imageho.st i added a loading bar in a div which becomes visible when the submit button is pushed. tbh, the image doesnt animate in ie.

 

any of you an ajax expert wwho feels like writing a tutorial on proper loading bars? :give_rose:

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.