I have a background image stored in a BLOB, say blob:http://lhost/3dbeb143-a618-46f3-8fa2-25f8dd477692
.
I want to set the background-image
property of an element to this blob.
I tried setting it to url("http://isequence/3dbeb143-a618-46f3-8fa2-25f8dd477692")
but it just says isequence/3dbeb143-a618-46f3-8fa2-25f8dd477692: 404 Not Found
. Clearly it is trying to request that file literally through HTTP.
So how do I go through with this?
Steps to set the background image: Step 1: Add the Container widget. Step 2: Add the decoration parameter (inside Container) and assign the BoxDecoration class. Step 3: Add the image parameter (inside BoxDecoration) and assign the DecorationImage class.
Change the color or image of the header Go to the Design tab. Click Customize to expand the set of choices for customizing your theme. Click Header Image to choose an image to be the background of the header. Click Header background to choose a color for the header section.
Blob URLs contain pseudo protocols that can create a temporary URL to audio and video files. This type of URL essentially acts as a fake source for the media on the website, so you can't download it directly. Instead, you have to use third-party conversion tools. First, however, you have to find the blob URL itself.
Try this:
<script>
var tmp_path = URL.createObjectURL('path/to/image.png');
document.getElementbyId('divId').style.background = url(tmp_path);
</script>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With