Inline bitmap, Data URL and RLE compressed data in JavaScript

Posted on 2007-04-11
Medium Priority
Last Modified: 2013-11-19
Hi experts,

I have a RLE compressed bitmap encoded in base64, and I would like to use inline bitmap (data URL) to display this picture in FireFox. It looks like fire fox can't display my bitmap, does anyone know why?

My code that displays the bitmap is:

function display(base64str)
   var pic = document.createElement('img');
   pic.src = 'data:image/bmp;base64,' + base64str;
  var div = document.getElementById("mydiv");

I tried with none RLE compressed bitmap and it works fine.  So I am wondering if RLE is even supported in data URL kind of usage.
Question by:gzjimfan
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2

Expert Comment

ID: 18893250
Is there reason why you're using a bmp file instead of a gif or a jpeg?

Try data:image/gif;base64 or data:image/jpeg;base64 instead of data:image/bmp;base64

Also, make sure than your encoded string is not corrupt.

Author Comment

ID: 18893364
The target I am working on is running on an embedded platform which does not support bitmap to jpeg/gif compression (or I would have to port code to do that), that's why I am using RLE to do it because it's much simpler. I think the base64 encoded data is OK because using the same code to encode the none-RLE compressed data can get a proper picture display.

If there's no other way to display encoded RLE bitmap I will need to look into solutions to compress jpeg images on the embedded platform.

Thanks for your response.

Expert Comment

ID: 18893431

Well since you're on an embedded system, I don't know how much help I can be other than suggesting you talk with the manufacturer.

Good luck! :)
WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.


Author Comment

ID: 18893450
:) I am the manufacturer (designer that develops the embedded device).

If you know a free piece of source code that compresses JPEG from bitmap in C/C++, please let me know..

Expert Comment

ID: 18893599
image magick (though I'm not 100% on the language)

Accepted Solution

NickVd earned 2000 total points
ID: 18893604
Sorry, thought I linked... http://www.imagemagick.org/script/index.php

Featured Post

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
This article discusses how to implement server side field validation and display customized error messages to the client.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Suggested Courses

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question