Download and display an image from a remote web URL using the HTTPClient object

app.js

/*
 
Hi, I have tested this issue in Ti SDK 3.3.0.RC. Its working good. 
 
 
Testing Environment:
 
    Titanium SDK: 3.3.0.RC, 3.2.3.GA
    Titanium CLI: 3.3.0-rc
    iOS Simulator 7.1
    Android 4.4.3 kitkat
    Appcelerator Studio, build: 3.3.0.201406271159
 
Step to Reproduce
 
    Create a sample Ti Classic project from AppC Studio
    Update app.js file with test code
    you need to have internet connection in your simulator/device
    Run on android device and iOS Simulator
    The image is shown in the tab1.
 
*/


// this sets the background color of the master UIView (when there are no windows/tab groups on it)
Titanium.UI.setBackgroundColor('#000');

// create tab group
var tabGroup = Titanium.UI.createTabGroup();


//
// create base UI tab and root window
//
var win1 = Titanium.UI.createWindow({  
    title:'Tab 1',
    backgroundColor:'#fff'
});
var tab1 = Titanium.UI.createTab({  
    icon:'KS_nav_views.png',
    title:'Tab 1',
    window:win1
});

var label1 = Titanium.UI.createLabel({
	color:'#999',
	text:'I am Window 1',
	font:{fontSize:20,fontFamily:'Helvetica Neue'},
	textAlign:'center',
	width:'auto'
});

win1.add(label1);

var xhr = Ti.Network.createHTTPClient({
    onload: function(e) {
		// function called in readyState DONE (4)
		Ti.API.info('onload called, HTTP status = '+this.status);
		var img = Ti.UI.createImageView({
			image:this.responseData
		});
		win1.add(img);
    },
    onerror: function(e) {
		Ti.API.info('error, HTTP status = '+this.status);
		alert(e.error);
    },
    timeout:5000  /* in milliseconds */
});
xhr.open("GET", 'http://developer.appcelerator.com/assets/img/DEV_appteam_photo.png');
xhr.send();  // request is actually sent with this statement


//
// create controls tab and root window
//
var win2 = Titanium.UI.createWindow({  
    title:'Tab 2',
    backgroundColor:'#fff'
});
var tab2 = Titanium.UI.createTab({  
    icon:'KS_nav_ui.png',
    title:'Tab 2',
    window:win2
});

var label2 = Titanium.UI.createLabel({
	color:'#999',
	text:'I am Window 2',
	font:{fontSize:20,fontFamily:'Helvetica Neue'},
	textAlign:'center',
	width:'auto'
});

win2.add(label2);



//
//  add tabs
//
tabGroup.addTab(tab1);  
tabGroup.addTab(tab2);  

// open tab group
tabGroup.open();