I am developing a WCF service that will be utilized by plain JavaScript on the client side, as well as some jQuery JavaScript.
1) How can I set up the plain client JavaScript to call the WCF Service in a manner that retrieves a collection of System.IO.Stream all at once? Additionally, how do I iterate through the received collection on the plain JavaScript side to link each System.IO.Stream object to an HTML image element?
2) Is it feasible to create JavaScript code using jQuery that calls the WCF Service to retrieve a collection of System.IO.Stream altogether? Furthermore, how can I navigate through the collection obtained by jQuery's JavaScript to connect each System.IO.Stream object to an HTML image element?
/*********Section from Interface Code of a WCF Service Contract*****************/
using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.ServiceModel.Activation;
using System.Text;
using System.ServiceModel.Web;
using System.IO;
using ConsoleForWCFServiceTutorial.PerlsDataContracts;
using ConsoleForWCFServiceTutorial.DataAccessObjectsDAO;
namespace ConsoleForWCFServiceTutorial
{
[ServiceContract(Namespace =
"http://ConsoleForWCFServiceTutorial.CarService")]
public interface ICarService
{
[OperationContract]
[WebInvoke(Method = "GET",
BodyStyle = WebMessageBodyStyle.WrappedRequest)]
Stream[] getImagesList();
}
}
/*********End of Section from Interface Code of a WCF Service Contract*****************/
/*********Snippet of Class Code implementing the WCF Service Contract*****************/
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Collections;
using System.ServiceModel.Activation;
using System.Configuration;
using System.Data;
using System.IO;
using System.ComponentModel;
using ConsoleForWCFServiceTutorial.PerlsDataContracts;
using ConsoleForWCFServiceTutorial.DataAccessObjectsDAO;
namespace ConsoleForWCFServiceTutorial
{
[AspNetCompatibilityRequirements(RequirementsMode =
AspNetCompatibilityRequirementsMode.NotAllowed)]
class CarService : ICarService
{
public Stream[] getImagesList()
{
List<Stream> myImagesList = new List<Stream>();
string fileName = Path.Combine("BMWpicture.jpg");
FileStream fileStream =
new FileStream(fileName, FileMode.Open, FileAccess.Read);
// Set the content type as image/jpeg
System.ServiceModel.Web.WebOperationContext.
Current.OutgoingResponse.ContentType = "image/jpeg";
myImagesList.Add(fileStream);
string fileName2 = Path.Combine("MercedesBenzpicture.jpg");
FileStream fileStream2 =
new FileStream(fileName2, FileMode.Open, FileAccess.Read);
// Set the content type as image/jpeg
System.ServiceModel.Web.WebOperationContext.
Current.OutgoingResponse.ContentType = "image/jpeg";
myImagesList.Add(fileStream2);
return myImagesList.ToArray();
}
}
}
/*********End Snippet of Class Code implementing the WCF Service Contract*****************/
<!--Extract of plain JavaScript client code invoking WCF Service Method-->
<script type="text/javascript">
function getImagesList2() {
var listOfStreams =
'http://localhost:8732/Design_Time_Addresses/ConsoleForWCFServiceTutorial/carService/getImagesList'
document.getElementById("image11").onload = function () {
}; // img.onload = function()
document.getElementById("image11").src = listOfStreams[0];
document.getElementById("image12").onload = function () {
}; // img.onload = function()
document.getElementById("image12").src = listOfStreams[1];
}
</script>
<!--End Extract of plain JavaScript client code invoking WCF Service Method-->
<!--Excerpt of HTML code influenced by JavaScript and WCF Service interaction-->
<body>
<form id="form1" runat="server">
<div>
<img src="" id="image11" alt="Smiley face" />
<img src="" id="image12" alt="Smiley face" />
<br />
<a class="large blue button" id="A7"
onClick="getImagesList2()">getImagesList2</a>
</div>
</form>
</body>
</html>
<!--End Excerpt of HTML code influenced by JavaScript and WCF Service interaction-->
1) What is the best approach to implement plain client JavaScript for calling the WCF Service to retrieve a collection of System.IO.Stream at once? Also, how can I efficiently loop through the collection on the JavaScript side to associate each System.IO.Stream object with an HTML image element?
2) Can you provide guidance on writing JavaScript code using jQuery to invoke the WCF Service for obtaining a collection of System.IO.Stream simultaneously? And, how should I handle iterating through the collection retrieved by jQuery's JavaScript to map each System.IO.Stream object to an HTML image element?