Imgur Upload, simple image upload from the editor

matteocontrini

Imgur Upload by Matteo Contrini

Simple extension for uploading and embedding images on your forum, using Imgur for image hosting.

Demo GIF

Features and usage

It's as simple as it can be 🙂

Use the upload button to upload an image from your system, or paste an image file in the editor to upload it from the clipboard.

Installation

composer require matteocontrini/flarum-imgur-upload

Note: if you previously used matpompili/flarum-imgur-upload (original work) or botfactoryit/flarum-imgur-upload (beta 7 version), you should disable and remove those extensions when you upgrade to beta 8.

Configuration

After enabling the extension, you will be prompted to set the Imgur Client ID. You can get one with your Imgur account here. Be sure to select "Anonymous usage without user authorization" in the form. Also note that there's apparently a bug in the interface, so you might need to select the second option and then the third option, otherwise you will be asked to fill the "Authorization callback URL". If you're having issues with the creation of the dev application, reply here and I'll help.

Version 3.6.0 introduced the option "embed type" to choose whether to show the preview/full-size image and with/without a link to the full image.

Credits

Thanks to @matpompili for the original work on the extension.

Links

neogeo

I love your extension man! works like a charm! 😃

matteocontrini or paste an image file in the editor to upload it from the clipboard.

Would be super cool if we could paste more than 1 single image at the same time in the upload button from editor.
(right now only works with 1 single image per time.)

[deleted]

matteocontrini It would be fine, If only certain users or moderators are allowed to use.

therealsujitk

matteocontrini This extension looks amazing! I haven't tried it out yet. I'm guessing you used https://api.imgur.com for creating this extension. What if I want to use this for my forum that has ads? Doesn't Imgur charge money if you are planning to make money using their service?

matteocontrini

yunling did you follow these instructions? 🙂

matteocontrini After enabling the extension, you will be prompted to set the Imgur Client ID. You can get one with your Imgur account here. Be sure to select "Anonymous usage without user authorization" in the form. Also note that there's apparently a bug in the interface, so you might need to select the second option and then the third option, otherwise you will be asked to fill the "Authorization callback URL". If you're having issues with the creation of the dev application, reply here and I'll help.

neogeo

djemyjenab

neogeo how to put youtube link in reply ?

MikeJones

So flagrow upload needs to "steal" your loading swirly!!!

I would use this just for that aspect, but I upload all my photos to my own AWS bucket just in case imgur goes dark or something.

Hari

MikeJones I would use this just for that aspect, but I upload all my photos to my own AWS bucket just in case imgur goes dark or something.

after reading imgur temrs I thought to switch to AWS with fof upload (they mentioned as your website should not be commercial) though my installation is in sub folder I use flarum like support desk. I do not want to get suspended by Imgur

sir, could you tell what are the exact settings and aws services to choose ? I have tried and failed to chose. there are many storage options at AWS .. How much it gonna cost for 1gb storage

Corymillz404

smooth. thank you very much for this

matteocontrini

v3.2.0

Hungarian translation. Thanks @manaszon

How to update

composer update matteocontrini/flarum-imgur-upload
php flarum cache:clear

neogeo

Also would be great the feature: Auto Watermarks.

maruco

very nice extention, very useful

Ranger

Great extension, clean and useful!

It will be great to add an option to add only link to an image into post body.

Not

[URL=https://i.imgur.com/JNQcGfO.jpg][IMG]https://i.imgur.com/JNQcGfOh.jpg[/IMG][/URL]

But just

https://i.imgur.com/JNQcGfOh.jpg

With AutoImage extension (it converts any image links into pictures) this will be even more cleaner solution. 🙂

matteocontrini

Ranger hi, that's an idea, but I forgot to mention a feature: when the uploaded image is larger than 1024 pixels, the actual embedded image in the message is a smaller preview of it (generated by Imgur), while when you click the image you reach the original one. You can see that in your example as well: the image link and the URL link are slightly different.

I could allow to disable that behaviour, but you would also lose the preview feature.

rahullama

Ranger how to do this? I want to add this in my Flarum forum but cant. I dont know any coding.

Ranger

matteocontrini I think, it will be great to have an option (controlled via admin panel): insert a BBCode, or link to full image, or link to Imgur generated preview.

iCosmo

matteocontrini Can you use this API as an option in the plugin? https://sm.ms/doc/

neogeo

For me, the actual way is perfect:
[URL=https://i.imgur.com/JNQcGfO.jpg][IMG]https://i.imgur.com/JNQcGfOh.jpg[/IMG][/URL]

I just would like insert various pictures at the same time, because now I have to add them one by one.

matteocontrini

iCosmo unlikely...

iCosmo

matteocontrini thank you for your reply!

peopleinside

@matteocontrini once the image is upload if an user delete the post but see the image still exist on imgur.com how admin can delete it? There is no way to delete the image uploaded by the user from the web? This is in the case user ask to remove content uploaded by himself... seems admin has no power.

matteocontrini

peopleinside thanks for the question. It's technically possible, as the Imgur API allows to delete an image that was previously uploaded by the "application".

peopleinside This is in the case user ask to remove content uploaded by himself... seems admin has no power.

Interesting scenario... I think this is a particular case though, because the image is uploaded to Imgur and not to your forum. So it's actually Imgur that is holding your information, and it's their privacy policy and terms of service that apply. And they're not good to be honest, they basically say that they have an unlimited license on the images you upload, until you delete them.

peopleinside

matteocontrini

thanks for the question. It's technically possible, as the Imgur API allows to delete an image that was previously uploaded by the "application".

How to do that? I am unable to manage uploaded photos from the community.

Interesting scenario... I think this is a particular case though, because the image is uploaded to Imgur and not to your forum. So it's actually Imgur that is holding your information, and it's their privacy policy and terms of service that apply. And they're not good to be honest, they basically say that they have an unlimited license on the images you upload, until you delete them.

This should be added in the terms of service of a community that use your plugin... but still not good. User upload an image by using the Flarum community so can give the responsability of the uploaded image to the community where they upload the image.

Before you said is possible to remove / manage this image uploaded by API ? I looked into the site but no image uploaded by API is present. Don't know where look.

matteocontrini

peopleinside I checked better, and you actually can't do that.

To delete an image uploaded anonymously (this is how images are uploaded right now with this extension), you need the deletehash, which is a string that Imgur gives to each image and that you can then use to delete the image it belongs to. This value is currently not stored by the extension, so the deletehash is lost as soon as the image is uploaded. That value is required to delete public anonymous images.

Uploading images not anonymously so that they are saved to your account would be possible, but that would complicate things a lot...

So for now I can't actually thing of an easy way to manage uploaded images, sorry.

peopleinside

matteocontrini thank you for the answer. This managing of the images can be improved in your extension? Is something you can improve for have a better control of the uploaded content?

matteocontrini

peopleinside actually the aim of the extension is to be simple. If I had to store a reference to all the uploaded images I would need to create a database table for it. But there's already flagrow/upload that does exactly that (even when uploading with Imgur), so... not sure