使用jQuery将文件发布到WCF Rest服务

Question

My Post Method

    [OperationContract]
    [WebInvoke(Method = "POST", UriTemplate = "Service/UpLoadCarPhoto",
    BodyStyle = WebMessageBodyStyle.WrappedRequest,

        ResponseFormat=WebMessageFormat.Json)]
    public string UpLoadCarPhoto(Image imageFile)
    {
        try
        {
            imageFile.Save("c:\\button.gif", System.Drawing.Imaging.ImageFormat.Png);
            return "File Saved";
        }
        catch (Exception e)
        {
            return e.InnerException.InnerException.Message;
        }
     }

How I am Calling This Method

@{
    ViewBag.Title = "Home Page";
}
<script src="@Url.Content("~/Scripts/jquery-1.10.2.js")" type="text/javascript"></script>

<div id="divMyLetterImage"></div>
<input type="file" name="UploadImage" id="CarImage"/>
<input type="button" id="uploadImage"/>


<script type="text/javascript">

    var getCarUrl = 'http://localhost:62051/Service/GetCarList';
    var postCarUrl = 'http://localhost:62051/Service/UpLoadCarPhoto';

    $('#uploadImage').click(
    function () {
        var im = $('#CarImage').get(0).files[0];
        alert(im);
        $.ajax({
            cache: false,
            type: "POST",
            url: postCarUrl,
            data: JSON.stringify(im),
            contentType: "application/json; charset=utf-8",
            processData: true,
            success: function (response) {
                alert(response);
            },
            error: function (xhr) {
                alert(xhr.status);
            }
        });

    }
    );

</script>

My Web Config

<?xml version="1.0"?>
<configuration>

  <system.web>
      <compilation debug="true" targetFramework="4.0">
        <assemblies>
          <add assembly="System.Data.Entity, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" />
        </assemblies>
      </compilation>
  </system.web>

  <system.serviceModel>
    <serviceHostingEnvironment aspNetCompatibilityEnabled="true"
      multipleSiteBindingsEnabled="true" />
    <standardEndpoints>
      <webHttpEndpoint>
        <standardEndpoint name="" helpEnabled="true" automaticFormatSelectionEnabled="true" />
      </webHttpEndpoint>
    </standardEndpoints>
  </system.serviceModel>

  <system.webServer>
    <modules runAllManagedModulesForAllRequests="true"/>
  </system.webServer>
  <connectionStrings>

    <add name="CarHaatDbContext" connectionString="metadata=res://*/Entities.CarHaatModel.csdl|res://*/Entities.CarHaatModel.ssdl|res://*/Entities.CarHaatModel.msl;provider=System.Data.SqlClient;provider connection string=&quot;Data Source=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|\CarHaatDatabase.mdf;Integrated Security=True;User Instance=True;MultipleActiveResultSets=False&quot;" providerName="System.Data.EntityClient" />
    <!--<add name="CarHaatDbContext" connectionString="Data Source=.\SQLEXPRESS; 
AttachDbFilename=F:\8-Semester Project\11-20-13\CarHaat\CarHaatWcfService\App_Data\CarHaatDatabase.mdf;
Integrated Security=True; Connect Timeout=30; User Instance=True" />-->
  </connectionStrings>
</configuration>

I am getting error 400 Bad Request . How Can I Upload Image?? Help.

Answer 1

Your service configuration file's system.serviceModel section does not look complete. We define our REST WCF services with at least the “behaviors” and “services” sections in the configuration file.

<behaviors>
  <endpointBehaviors>
    <behavior name="RestBehavior">
      <webHttp helpEnabled="true" />
    </behavior>   
<behaviors>

 <services>
      <service name="RestService">
        <endpoint behaviorConfiguration="RestBehavior" binding="webHttpBinding"
          name="RestServiceEndpoint" contract="…your contract here …" />
        <host>
          <baseAddresses>
            <add baseAddress="https://localhost:18100/" />
          </baseAddresses>
        </host>
      </service>
    </services>  

The following link provides comprehensive details.
http://www.codeproject.com/Articles/571813/A-Beginners-Tutorial-on-Creating-WCF-REST-Services

Regards,