[TIMOB-14660] MobileWeb: Using base64 image data as source for ImageView does not work

GitHub Issue	n/a
Type	Bug
Priority	Low
Status	Closed
Resolution	Won't Fix
Resolution Date	2017-06-26T22:22:03.000+0000
Affected Version/s	Release 3.1.1
Fix Version/s	n/a
Components	MobileWeb
Labels	base64, imageview, mobileweb
Reporter	Morten F. Thomsen
Assignee	Chris Barber
Created	2013-07-10T06:46:20.000+0000
Updated	2018-04-04T23:20:16.000+0000

Description

*Problem* Using setImage on an ImageView with base64 data on Mobile Web does not work - it seems like it is treated as a filename, and an error is thrown - the error indicating it is trying to access a file named as the base64 data (see screenshot). It does not recognize it as base64 data. *Test case*

var oxi = {};

var win = Ti.UI.createWindow({
	backgroundColor : "#FFF"
});

var view = Ti.UI.createView({
	opacity : 1,
	backgroundColor : 'white'
});
win.add(view);
win.open();

var base64 = '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';
var img = Ti.UI.createImageView();
img.setImage(base64);
win.add(img);

Attachments

File	Date	Size
imageview_base64_mobileweb.png	2013-07-10T06:46:20.000+0000	42420

Comments

Daniel Sefton 2013-07-11

Just curious: Does an image show up for you on iOS or Android? It's blank for me. I do get a big red "unknown error" on MobileWeb however; Bugzilla says: TypeError: setting a property that has only a getter [Break On This Error] src.hasOwnProperty(p) && (dest[p] = src[p]);
Lee Morris 2017-06-26

Resolving as "Won't Fix" as MobileWeb has been deprecated.
Eric Merriman 2018-04-04

Closing as will not fix.

JSON Source