• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Reduce image size on upload

Community Beginner ,
May 24, 2017 May 24, 2017

Copy link to clipboard

Copied

Does anyone know how to set up a web app submission form that reduces the size of images when they are uploaded?

Views

991

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jun 25, 2017 Jun 25, 2017

Copy link to clipboard

Copied

There are several JavaScript libraries that take this on, the typical methods using canvas to resize initially and then sending the dataurl or blobs to the server to handle from there.

You can use libraries such as this to do most of this for you, just check out the demo:

GitHub - nodeca/pica: Resize image in browser with high quality and high speed

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 25, 2017 Jun 25, 2017

Copy link to clipboard

Copied

LATEST

Start a free trial and go to PHP: Resizing and Watermarking Images

Personally I use https://www.dmxzone.com/go/23308/html5-file-upload

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines