How can I load an image to a UIImage object from the url of the image? Currently, I am loading the image using UIImage.FromFile, and including the image as content, but I need to be able to grab it from another website.
image.Image = UIImage.FromFile("images/imageName.jpg");
Take a look at the blog post Displaying web images with MonoTouch - UIWebImageView.
Related
I create a node js lambda function to crop and return an image from any image url.
The function creates a GET API which returns a cropped image.The API is working fine, I am able to download any image from postman but even there I am not getting the image preview, I have to manually download. Although the downloaded base64 image is correct and working in the browser if put directly.
I need a way for it to work directly in the html <img> tag.
The api is something like - https://aws-lambda-fn-image-resizer/{encoded image url}
this is my repository github:https://github.com/Andrygaby/mySite_projecte/tree/master/fullProject/user
I'm beginner with django and I want to upload an image for my user profile,and then there are nothing displayed on the page where I pretend to put the image of the user.I pretend to put on profile_user.html and edit_profile.html,
I have created an image uploader on my site and store the URL in my MongoDB. I used this guide to create my image uploader: https://appdividend.com/2018/05/25/angular-6-file-upload-tutorial/
However, when the file is stored in my MongoDB table it is a C:\\fakepath\\ url. When I try to display the url in a background-image url field via ngStyle I get the response:
Cannot read property 'image' of undefined
Here is my code for the .html page:
<div class="jumbotron" [ngStyle]="{ 'background-image': 'url(' + post.image + ')'}"></div>
The rest of the code follows suit to the guide for storing the image.
If there is a way to either modify the url before it is in the MongoDB or to eliminate the C:\\fakepath\\ and just append the end to the ./upload/ folder where the image is stored should work as well. I have tried also just using the {{post.image}} syntax and recieve the same result.
Please check the network call if you're really receiving the data
(post and url) from backend.
If you are then check the logic where you assign the backend response to variable post.
From the error, it seems that post has no value. Or you accessing it
the wrong way. Check if post is yourCtrl.post or something.
I want to send an image that might say something like "Image coming soon".
In gridFS I can find out if an image exists and if it exist send the image if not I could tell it to send an error image.
Is there a place in cloudinary that has a sort of default image to send if it can't find the image requested like via the img src tag.
I would like something better than a broken image.
I use nodejs
When generating the image src URL with Cloudinary Node.js SDK, you can specify the default_image parameter:
cloudinary.image("non_existing_id.png", {default_image: "avatar.png"})
Or directly in the URL:
http://res.cloudinary.com/demo/image/upload/d_avatar.png/non_existing_id.png
You can read more about this here.
Working on this repo for an NPM module
the image shows up on Github (scroll down)
https://github.com/ORESoftware/suman
but on NPM, despite an HTTP 200 to retrieve the image from Github, it doesn't show up
https://www.npmjs.com/package/suman
this is all Markdown, and the markdown for the image is:
Anyone know why this markdown image tag doesn't work on NPM?
use this url (https://raw.githubusercontent.com/ORESoftware/suman/master/images/suman.png)
Your url link to a page not a image
This is because the url
https://github.com/mvsowndapan/react-dnd-crop/blob/master/asset/icons/labelIcon.png
requesting to the github page that contains the image, not the image itself.
To get the image just add ?raw=true at the end of the url
https://github.com/mvsowndapan/react-dnd-crop/blob/master/asset/icons/labelIcon.png?raw=true
like this. It works fine