QuillJS relative urls - quill

Is it possible in quilljs use a relative path (like in tinymce) for images?
When you have backend and frontend in different folders or domains this is usefull to correctly display images in backend keeping relative url.
I mean:
In backend (subdomain.domain.tld)
Insert a relative image: /somefolder/someurl/image.jpg
Real url of the image is: domain.tld/some.../image.jpg
Result: Image not displayed.
What i need: Insert relative image and get displayed on quill using full url, but keep only relative.

Related

How could I benefit from "responsive friendly upload" in strapi?

When I read the docs of strapi v3, I found that there is an option that produces responsive images, means that when we add an image, it produces other sizes in the public/uploads address of strapi directory. That feature works in my project and when I upload for example an image called figure-1-1.png, it produces some other images with different sizes in my upload folder.
But how can I use those other images in my contents? For example suppose that I have a content that uses "rich-text". In that content when I use image icon in the editor, it inserted a link of the main image to my content like below:
![figure-1-1.png](/uploads/figure_1_1_c589d010c9.png)
So how could I benefit from other sizes? How could I use them in strapi that for example in mobile resolution the smallest size is used? Is there anything that I misunderstood?

Is it possible to load image using windows absolute path in reactjs

As the title says is it possible to load images from react using windows absolute path or do I really need to put my images in public folder of my react. I'm trying to preview my Pictures

Image on http url shows old image instead of updated image

I am loading image from http url inside tag.
However, I have updated the image from backend but on mobile device I am not able to see updated image.
It's always showing me the old image.
When serving the image from backend, add a timestamp attribute to the image url as a query param, i.e <image_url>?t=12233554.
You can fine-tune this method more -
like when storing the image, put the timestamp for that time only as a query param, and directly serve the file to the user.

Store an image in local application folder in AngularJS

In my AngularJS application I need to store the images that a user choose from his device, in the application folder.
Only the device used to choose the image has to see it.
So I will save in the backend only the path of this image.
I tried to search how to move or copy an image in a folder, but I haven't found any solution.
How should I do this?

How to store images in firebase using URL from cloud storage service?

Hi I am developing an ionic app using firebase as my database.
I read this question.
I understand it and have a more specific question.
I uploaded an image on amazon s3, imgur and filestack, and tried all three in firebase using data:url/<the url of image> and data:image/jpeg;<url of image>.
Am I typing something wrong into firebase?
The image does not come up. I do not want to write code in the app to upload the image etc, I just simply want an image to display on the app beside some data corresponding to an item in my firebase database.
I have read about base64, do I have to use it in this case?
(Optional) Perhaps If you could expand on the steps of doing this:
"You can use a filepicker to get the image file. Then you can host the image however you want, i prefer amazon s3. Once the image is hosted you can display the image using the url generated for the image."
I don't have much ionic experience, but why not just save the direct path to the image url and not include the data:url/ portion.
Simply store the url in firebase and then when it's retrieved inject it into your img src.

Resources