Predefined Avatars

clarkwinkelmann

mtdev can you check the javascript console + network tab of your browser development tool to see the URL of the image that Flarum is attempting to load and what the error is? It's probably either a 404 error or a cross-origin issue. If the domain is wrong then it could be an issue with your forum canonical URL. If it's a 404 error with the correct domain maybe there was an issue writing the files to disk and they are actually missing from your server.

mtdev

clarkwinkelmann Not seeing any errors. The console log is empty, here's my network tab:

Braden

Justoverclock this can be a good way to learn how to extract the country flags in assets 😉

clarkwinkelmann

mtdev what happens if you force a full page refresh without browser cache? (CTRL+F5) or clear the browser cache manually / use private browsing.

The response shows the file has been loaded from the browser cache and the server informed the browser the file was not modified, so it seems whatever broken file is loaded comes from the browser cache.

mtdev

clarkwinkelmann Tried clearing cache + hard reload and also using incognito mode, no difference. I checked the files on the server directly in the /predefined directory and it seems that they're all corrupted there, so it might be an issue in the upload process?

clarkwinkelmann

mtdev can you send me example files (the original ones not broken) so I can try them on my test server? You can send them privately via Discord or email.

mtdev

clarkwinkelmann Sounds good, sent you an email.

clarkwinkelmann

mtdev thanks, I did some tests on my server but I could not replicate the issue.

There's only one thing I can think of that could cause an issue, which I have fixed in the new release. It would be caused by a different extension trying to read the files upload at the same time, but I can't think of any extension that would do that.

If that doesn't fix it, maybe it's an issue with the webserver not forwarding the file content properly, or the filesystem having an issue. But both seem unlikely because both would also break regular avatar upload.

Version 1.0.1

Updated javascript to Webpack 5, requires Flarum 1.2+
Fixed upload button styling
Potential fix for empty uploads by rewinding the stream before reading

mtdev

clarkwinkelmann Awesome! It works great now. Thanks a lot for the speedy fix.

mtdev

One more thing I noticed is that for predefined avatars, the image quality is lower when displayed in posts but seems fine in the user profile.

User profile:

Predefined avatar in post:

Normal avatar using the same image:

clarkwinkelmann

mtdev make sure to use 100x100 pixels image size if you want the same quality as native Flarum avatars. Smaller images or odd sizes could lead to resize/aliasing artifacts when the browser stretches the image.

Using even larger images should be even better for quality (but not as much for bandwidth!) as long as the browser doesn't do any strange aliasing there.

mtdev

clarkwinkelmann Yup that did the trick, thanks!

Wapriaily

Thank you very much. This update has also solved my problem！

PARADOXP

Whenever I am trying to choose an avatar from lists it's saying me "The avatar url format is invalid "

Please solve this 🥺

clarkwinkelmann

PARADOXP can you share your php flarum info output?

You mean you can successfully configure images in the admin but there's an error when trying to pick one as a user? Does it work for admins?

I have no idea where that message could be coming from. It seems like the output of a Laravel validator for an avatar_url attribute, but neither Flarum core nor my extension uses a validator that way.

I haven't used the extension recently though so maybe Flarum broke something, but I expect I would have received other reports if so.

PARADOXP

Yes i successfully upload the avatars in admin panel

I am the admin , but i try to choose an avatar for my avatar it say that error

Here is my Flarum information

Flarum core: 1.8.5
PHP version: 8.2.13
MySQL version: 10.5.24-MariaDB
Loaded extensions: Core, date, libxml, openssl, pcre, sqlite3, zlib, bz2, calendar, ctype, curl, hash, filter, ftp, gettext, json, iconv, SPL, pcntl, random, readline, Reflection, session, standard, mbstring, shmop, SimpleXML, tokenizer, xml, bcmath, dba,dom, enchant, fileinfo, gd, gmp, igbinary, imap, intl, ldap, exif, memcache, memcached, PDO, mysqlnd, mysqli, odbc, PDFlib, pdo_mysql, PDO_ODBC, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, pspell, snmp, soap, sockets, sodium, ssh2, sysvmsg, sysvsem, sysvshm, tidy, xmlreader, xmlrpc, xmlwriter, xsl, zip, clos_ssa
+------------------------------------------+---------+--------+
| Flarum Extensions | | |
+------------------------------------------+---------+--------+
| ID | Version | Commit |
+------------------------------------------+---------+--------+
| flarum-flags | v1.8.0 | |
| flarum-tags | v1.8.0 | |
| flarum-approval | v1.8.1 | |
| askvortsov-auto-moderator | v0.1.3 | |
| flarum-likes | v1.8.0 | |
| flarum-sticky | v1.8.0 | |
| flarum-lock | v1.8.0 | |
| flarum-suspend | v1.8.1 | |
| flarum-mentions | v1.8.3 | |
| flarum-subscriptions | v1.8.0 | |
| antoinefr-money | v1.3.1 | |
| flarum-markdown | v1.8.0 | |
| fof-upload | 1.5.4 | |
| flarum-bbcode | v1.8.0 | |
| v17development-blog | v0.7.7 | |
| afrux-forum-widgets-core | v0.1.7 | |
| flarum-nicknames | v1.8.0 | |
| fof-user-directory | 1.3.3 | |
| fof-follow-tags | 1.2.2 | |
| fof-impersonate | 1.1.1 | |
| flamarkt-backoffice | 0.1.3 | |
| fof-byobu | 1.3.6 | |
| sycho-advanced-extension-categories | v0.1.3 | |
| fof-gamification | 1.6.7 | |
| flarumite-simple-discussion-views | 1.2.2 | |
| fof-masquerade | 2.1.4 | |
| ziiven-view-history | v0.1.7 | |
| ziiven-money-leaderboard | v0.1.7 | |
| v17development-user-badges | v1.1.0 | |
| tohsakarat-post-camera | 1.0.0 | |
| therealsujitk-gifs | v4.1.1 | |
| the-turk-stickiest | 3.0.1 | |
| the-turk-diff | 1.1.2 | |
| sycho-profile-cover | v1.3.5 | |
| sycho-photoswipe | v0.1.12 | |
| rehiy-reply-to-see | v1.8.0 | |
| ramesh-dada-download-button | v8.1.4 | |
| ramesh-dada-bbcode-alerts | 6.21 | |
| nearata-no-self-likes | v1.2.1 | |
| nearata-internal-links-noreload | v2.2.0 | |
| nearata-embed-video | 3.3.2 | |
| nearata-copy-code-to-clipboard | v2.2.0 | |
| nearata-cakeday | v2.2.0 | |
| migratetoflarum-fake-data | 1.4.0 | |
| mickmelon-coloured-usernames | 0.1.1 | |
| mattoid-operate-log | v1.0.2 | |
| mattoid-money-history | v1.1.1 | |
| matteocontrini-imgur-upload | v3.9.1 | |
| malago-ads | 0.3.2 | |
| malago-achievements | 0.5.6 | |
| littlecxm-whisper | 0.1.5 | |
| litalino-more-bbcode | 2.0.0 | |
| litalino-forum-stats-widget | 1.0.0 | |
| litalino-blog-article-series | 1.2.0 | |
| kilowhat-audit-free | 1.7.0 | |
| justoverclock-welcomebox | 2.0.2 | |
| justoverclock-thread-read-time | 0.1.7 | |
| justoverclock-staff-members-widget | 0.1.3 | |
| justoverclock-realtimecode | 1.0.0 | |
| justoverclock-last-users-posts | 0.3.0 | |
| justoverclock-last-registered-users | 0.1.5 | |
| justoverclock-last-post-useravatar | 0.1.8 | |
| justoverclock-hot-discussions-cards | 0.1.6 | |
| justoverclock-hot-discussions | 0.1.2 | |
| justoverclock-hashtag | 1.0.1 | |
| justoverclock-guestengagement | 1.0.3 | |
| justoverclock-feedback | 0.1.9 | |
| justoverclock-discussion-info | 0.1.5 | |
| justoverclock-custom-html-widget | 0.1.4 | |
| justoverclock-contactme | 0.2.3 | |
| justoverclock-composer-autocomplete | 0.1.0 | |
| ianm-synopsis | 1.3.2 | |
| ianm-level-ranks | 1.1.1 | |
| ianm-html-head | 1.2.3 | |
| ianm-follow-users | 1.4.6 | |
| gitzaai-hljs2 | 2.0 | |
| foskym-nickname-group-formatter | v1.0.6 | |
| foskym-activity-graph | v0.1.0 | |
| fof-username-request | 1.2.4 | |
| fof-user-bio | 1.3.2 | |
| fof-terms | 1.3.0 | |
| fof-subscribed | 1.1.4 | |
| fof-split | 1.1.1 | |
| fof-socialprofile | 1.1.6 | |
| fof-share-social | 1.2.0 | |
| fof-realtimelogin | 1.0.1 | |
| fof-profile-image-crop | 1.1.6 | |
| fof-polls | 2.1.2 | |
| fof-pages | 1.0.8 | |
| fof-nightmode | 1.5.3 | |
| fof-moderator-notes | 1.2.2 | |
| fof-merge-discussions | 1.4.1 | |
| fof-links | 1.2.3 | |
| fof-linguist | 1.1.2 | |
| fof-ignore-users | 1.2.1 | |
| fof-forum-statistics-widget | 1.2.1 | |
| fof-formatting | 1.0.3 | |
| fof-direct-links | 1.0.0 | |
| fof-bbcode-tabs | 1.0.3 | |
| fof-bbcode-details | 1.1.2 | |
| fof-ban-ips | 1.1.1 | |
| flarumite-simple-spoilers | 1.0.0 | |
| flarum-statistics | v1.8.0 | |
| flarum-pusher | v1.8.0 | |
| flarum-lang-english | v1.8.0 | |
| flarum-extension-manager | v1.0.3 | |
| flarum-emoji | v1.8.0 | |
| flarum-embed | v1.8.0 | |
| ekumanov-add-menu-actions | v0.2.0 | |
| ecnu-im-asirem-admin | v1.0.1 | |
| dem13n-discussion-cards | 0.3.8 | |
| defendervex-bbextend | 0.1.1 | |
| davwheat-custom-sidenav-links | 1.0.1 | |
| datlechin-usercard-uid | v0.1.1 | |
| datlechin-simple-tour-guide | v0.0.1 | |
| datlechin-offline-indicator | v0.1.0 | |
| datlechin-more-discussions | v0.3.0 | |
| datlechin-link-preview | v1.4.0 | |
| datlechin-copy-links | v1.0.1 | |
| datlechin-bbcode-hide-content | v0.1.5 | |
| datlechin-add-like-controls | v1.0.6 | |
| darkle-fancybox | 1.1.3 | |
| club-1-cross-references | v1.1.1 | |
| clarkwinkelmann-who-read | 1.4.1 | |
| clarkwinkelmann-typewriter | 1.0.0 | |
| clarkwinkelmann-status | 1.0.0 | |
| clarkwinkelmann-shadow-ban | 1.1.0 | |
| clarkwinkelmann-roll-die | 1.0.0 | |
| clarkwinkelmann-reset-preferences | 1.0.0 | |
| clarkwinkelmann-prominent-post-numbers | 1.0.1 | |
| clarkwinkelmann-predefined-avatars | 1.0.1 | |
| clarkwinkelmann-post-stream-search | 1.1.0 | |
| clarkwinkelmann-post-permissions | 1.0.0 | |
| clarkwinkelmann-popular-discussion-badge | 1.1.1 | |
| clarkwinkelmann-passwordless | 2.0.0 | |
| clarkwinkelmann-money-to-all | 1.0.0 | |
| clarkwinkelmann-money-rewards | 1.0.0 | |
| clarkwinkelmann-mass-actions | 1.1.2 | |
| clarkwinkelmann-lock-likes | 1.1.1 | |
| clarkwinkelmann-likes-received | 1.0.2 | |
| clarkwinkelmann-ipsum-autocomplete | 1.0.0 | |
| clarkwinkelmann-group-list | 1.0.0 | |
| clarkwinkelmann-group-invitation | 1.0.2 | |
| clarkwinkelmann-formatted-banner | 1.0.0 | |
| clarkwinkelmann-emojionearea | 1.0.0 | |
| clarkwinkelmann-editable-user-attributes | 1.0.0 | |
| clarkwinkelmann-discussion-bookmarks | 2.0.1 | |
| clarkwinkelmann-comicsans | 1.1.0 | |
| clarkwinkelmann-clippy | 1.0.0 | |
| clarkwinkelmann-catch-the-fish | 1.1.4 | |
| clarkwinkelmann-carving-contest | 1.0.0 | |
| clarkwinkelmann-author-change | 1.0.3 | |
| clarkwinkelmann-anonymous-posting | 1.1.1 | |
| briantran-inject-header | 1.0.0 | |
| blomstra-usercard-stats | 0.1.2 | |
| blomstra-user-filter | 0.1.4 | |
| blomstra-mark-unread | 0.2.0 | |
| blomstra-fontawesome | 0.1.5 | |
| blomstra-database-queue | 1.1.0 | |
| blomstra-cache-assets | 0.5 | |
| becod-backtotop | v1.1 | |
| aurorum-better-iframe | v2.0.2 | |
| askvortsov-moderator-warnings | v0.6.3 | |
| askvortsov-markdown-tables | v1.2.1 | |
| askvortsov-discussion-templates | v0.8.3 | |
| askvortsov-checklist | v1.3.1 | |
| askvortsov-categories | v3.1.0 | |
| afrux-top-posters-widget | v0.1.4 | |
| afrux-online-users-widget | v0.1.6 | |
| afrux-news-widget | v0.1.1 | |
| acpl-mobile-tab | 1.4.3 | |
| acpl-lscache | v2.3.1 | |
+------------------------------------------+---------+--------+
Base URL: https://forum.storiespedia.com
Installation path: /home/storiesp/forum.storiespedia.com
Queue driver: database
Session driver: file
Scheduler status: Active
Mail driver: mail
Debug mode: off

PARADOXP

My website is https://forum.storiespedia.com

PARADOXP

Even when i am trying to creat a user from my admin panel showing this error

PARADOXP

Here is a test account

Username:- Test
Password:- test1234

« Previous Page