Using the image cropper to crop umbraco images called from a 3rd party api
Hi. Bit of an odd one!
So pretty much every website we build has a news and events section so in the end we decided to build our own central news and events MVC websites then use our own API to display the relevant news and events items on each website.
The images each news or event item has stored against it is an Umbraco hosted image from the relevant Media section of each site, in our bespoke apps we simply store the image's url against that item's record. I.e. https://thatwebsite.com/media/123/image.jpg. - We use the Umbraco Media service in our own apps to allow the user to select an image from an Umbraco site.
The issue we're having is as the data being rendered on the website is coming back from our own API as a string rather than Umbraco data we've got no way of using the .GetCropUrl to crop the image.
Has anyone had to do something similar and found a way use the image cropper when the Umbraco Media is actually being read back into the view via a 3rd party API?
I've put this in the v8 section but we'll be trying to do the same thing on the site's we're now migrating to v10+.
With ImageProcessor which is the image processing library used in V7 and V8 you can send 3rd party hosted Urls through the image processing pipeline, and resize/crop etc, by 'whitelisting' the domain they are hosted on in security.config, and calling them via a the handler'remote.axd'
However V10 uses ImageSharp, and this feature is not available (on purpose) in ImageSharp, however somebody did put a gist of how you might extend ImageSharp to register a custom RemoteImageProvider:
That might be a starting point to creating something that would work for you on your latest sites?
I guess the other notion would be to for your central MVC website to 'push' the content and image into a the specific Umbraco site, like syndication, so the native image manipulation options would be available in the individual site.
Using the image cropper to crop umbraco images called from a 3rd party api
Hi. Bit of an odd one!
So pretty much every website we build has a news and events section so in the end we decided to build our own central news and events MVC websites then use our own API to display the relevant news and events items on each website.
The images each news or event item has stored against it is an Umbraco hosted image from the relevant Media section of each site, in our bespoke apps we simply store the image's url against that item's record. I.e. https://thatwebsite.com/media/123/image.jpg. - We use the Umbraco Media service in our own apps to allow the user to select an image from an Umbraco site.
The issue we're having is as the data being rendered on the website is coming back from our own API as a string rather than Umbraco data we've got no way of using the .GetCropUrl to crop the image.
Has anyone had to do something similar and found a way use the image cropper when the Umbraco Media is actually being read back into the view via a 3rd party API?
I've put this in the v8 section but we'll be trying to do the same thing on the site's we're now migrating to v10+.
Cheers
Chris
Hi Chris
With ImageProcessor which is the image processing library used in V7 and V8 you can send 3rd party hosted Urls through the image processing pipeline, and resize/crop etc, by 'whitelisting' the domain they are hosted on in security.config, and calling them via a the handler'remote.axd'
More info here: https://imageprocessor.org/imageprocessor-web/imageprocessingmodule/
However V10 uses ImageSharp, and this feature is not available (on purpose) in ImageSharp, however somebody did put a gist of how you might extend ImageSharp to register a custom RemoteImageProvider:
https://gist.github.com/marklagendijk/e5fd1934391a515f8c974c87024ed39c
That might be a starting point to creating something that would work for you on your latest sites?
I guess the other notion would be to for your central MVC website to 'push' the content and image into a the specific Umbraco site, like syndication, so the native image manipulation options would be available in the individual site.
regards
Marc
Thanks Marc we'll take a look at these options.
is working on a reply...