Предполагая, что DIB означает независимое от устройства растровое изображение ...
Если DIB находится на стороне клиента в браузере, то я не думаю, что вы можете сделать это только с помощью JS в браузере. Вам понадобится немного java или flash или что-то еще, потому что javascript в браузере не имеет возможности читать вещи из файловой системы.
Если DIB находится на сервере, вы можете использовать ajax-запрос для его извлечения. В обратном вызове скопируйте возвращенные данные в объект, где вы сможете затем манипулировать данными по мере необходимости.
Как только вы закончите манипулировать данными изображения, вы можете использовать холст или тег img для его отображения.
http://developer.mozilla.org/en/Canvas_tutorial/Using_images
Я не пробовал этого, пока не увидел твой вопрос, но тег img с URL-адресом данных довольно интересен. Использование URL-адреса данных в img src не работает в IE, но работает в FF и Opera. В IE нет тега canvas, но у них есть нечто похожее. Некоторые умные ребята из Google написали библиотеку javascript для включения тега canvas в IE, переводя его в нечто, понятное IE.
http://code.google.com/p/explorercanvas/
Надеюсь, это поможет. Если нет, может быть, это хотя бы интересно.