FriendsOfFlarum Profile Image Crop

Fealist

datitisev The extension wasn't even saving the 8kb image. I spoke with the provider and there was no problem there either. I checked the permissions of the assest folder, there was no problem there. I tried uninstalling and reinstalling the plugin as a solution. You can view the link below by translating it into your language.

https://flarumtr.com/d/2900

raakkan

I installed flarum in ubuntu 20 and php 8.
I setup php.ini upload_max_size to 5mb but 600kb image upload failed with this error message "The attribute must not be greater than max kilobytes how to fix this problem.

enricodx

I found a bug. When someone upload a bigger image than allowed, the error message is wrong.
It says: "The :attribute must not be greater than :max kilobytes" with the :attribute and :max tags instead of the correct values.

datitisev

enricodx This is a core bug that has been fixed for the next Flarum release, I believe.

I will say that sometimes the cropped image is larger in size than the original... I have a PR to fix this (resizes crop to 500x500 before uploading to server).

010101

Just updated my avatar at my forum and kept getting the max upload error. I reduced the size of the image and still got the error. Eventually, once I reduced it to 150kb, it uploaded. This was from my iPhone.

If I deactivate this extension then I can upload large images for avatars again.

clarkwinkelmann

010101 this extension doesn't compress images after resize, which means that small compressed images can actually become bigger through the resize process.

This existing GitHub issue is probably about the same thing FriendsOfFlarum/profile-image-crop15

Unfortunately there doesn't appear to be any easy solution without re-implementing how resizing works in the extension.

IanM

1.1.0

Lazy load libraries & resize cropped image by @datitisev in FriendsOfFlarum/profile-image-crop17

Updating

composer require fof/profile-image-crop:"*"
php flarum cache:clear

demirel

Hello, I am getting the following error after the version update.

Uncaught TypeError: Cannot read properties of undefined (reading '0')
at ProfileImageCropModal.js:69:54

this.cropper = new Cropper(evt.target || evt.path[0], {

clarkwinkelmann

demirel what's your browser name/version?

datitisev

1.1.1

Fix error when initializing cropper in recent Chrome versions (demirel)

demirel

clarkwinkelmann Chrome - 109.0.5414.74

GitHenry

datitisev Hello, composer does not upgrade the extension to v1.1.1, I tried the following command:
composer update fof/profile-image-crop，at most, it let me upgrade to v1.1.0...

This is a funny phenomenon!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

GitHenry

datitisev Until this is fixed, I can only disable this ridiculous and insecure extension!

Burial0268

It seems that there will be a problem with uploading the avatar, uploading for a long time.

And then this is shown in my F12 console.

datitisev

GitHenry The requirements of this extension have not changed, so I don't see why you cannot update to v1.1.1.

It would help if you could post the entire output of the command, and perhaps also make sure your composer.json isn't locking the version to max v1.1.0.

In addition, running composer why-not fof/profile-image-crop v1.1.1 might provide useful insights into why it's not being installed.

Yolo

this extension does not work with FriendsOfFlarum Secure HTTPS. You can crop the images but not save them.

datitisev

Yolo Try fof/secure-https v1.1.2 -- it should be fixed there.

Benzitczo

datitisev Error:

pica.js:2480 Uncaught (in promise) Error: Pica: cannot use getImageData on canvas, make sure fingerprinting protection isn't enabled
    at pica.js:2480:17

if (!CAN_USE_CANVAS_GET_IMAGE_DATA) {
      var err = new Error('Pica: cannot use getImageData on canvas, ' + "make sure fingerprinting protection isn't enabled");
      err.code = 'ERR_GET_IMAGE_DATA';
      throw err;
    } //

datitisev

Benzitczo Hm, looks like browser fingerprinting protection prevents the image resizing library from working (nodeca/pica229). This unfortunately cannot be completely bypassed without switching to a resize in the backend... for now I'll see about adding proper error handling so that users can still upload new avatars.

Benzitczo

datitisev

Thanks, but no cant no disable, yeah is protecting true.. no problem take time you when soon future fixed. Good lucky.

datitisev

1.1.2

Add error handling at multiple steps to allow user to upload profile picture on the steps that succeed
Add message regarding fingerprint protection & allow manually disabling resized compression & cropper altogether
- I found that the library used for compressing the resized image (necessary since the cropper sometimes created way larger images) failed on Firefox if canvas fingerprint compression was enabled - it produces a fake image output that is then uploaded, instead of erroring. If the user notices this, they can click two links to disable parts until their upload succeeds.
- If the cropping fails outright when trying to submit, an error will be shown and the modal changes from cropping to just uploading.
- Handling this properly is tricky, but hopefully this causes less confusion. Browsers such as Brave have this fingerprint protection enabled automatically, which breaks these features even in its non-aggressive setting.

« Previous Page Next Page »