将图像从phonegap app上传到WCF服务

时间:2013-06-21 09:46:07

标签: wcf cordova file-transfer

我正在尝试使用phonegap文件传输API将图像从我的手机上传到WCF服务器。 以下是我的代码。但我无法将图像上传到服务器。请给出一些建议。

的test.html

<body >
  <div data-role="view" id="uploadView"  data-reload="true">

    <div data-role="content">


       <button onclick="getphoto();">get a Photo</button>

       <img src="" id="myimg" style="border:1px solid #0f0;height:200px;width:200px;" />
    </div>


 </div>
<script>

function getphoto() {
    navigator.camera.getPicture(
        uploadPhoto,
        function(message) {
            alert('get picture failed');
        },
        {
            quality: 10,
            destinationType:navigator.camera.DestinationType.FILE_URI,
            sourceType:navigator.camera.PictureSourceType.PHOTOLIBRARY
        }
    ); 
}


function uploadPhoto(imageURI) {
    document.getElementById("myimg").src = imageURI;

    var options = new FileUploadOptions(); 

    options.chunkedMode = false;

    options.fileKey = "recFile"; 

    var imagefilename = imageURI; 

    options.fileName = imagefilename;
    options.mimeType = "image/jpeg"; 

    var ft = new FileTransfer(); 

    alert(imagefilename);

    ft.upload(imageURI, "http://myserver/MyAppService.svc/SaveImage", win, fail, options); 

} 

function win(r) { 
    //console.log("Code = " + r.responseCode); 
    //console.log("Response = " + r.response);
    alert("Sent = " + r.bytesSent);
} 

function fail(error) { 

    switch (error.code) { 
        case FileTransferError.FILE_NOT_FOUND_ERR: 
            alert("Photo file not found"); 
            break; 

        case FileTransferError.INVALID_URL_ERR: 
            alert("Bad Photo URL"); 
            break; 

        case FileTransferError.CONNECTION_ERR:
            alert("Connection error"); 
            break; 
    } 

    alert("An error has occurred: Code = " + error.code); 

}                   

</script>
</body>

这是我的WCF服务。

IMyService.cs

namespace MyAppService
{
    [ServiceContract]
    public interface IMyService
    {
        [OperationContract]
        [WebInvoke(BodyStyle = WebMessageBodyStyle.Wrapped, Method = "POST", RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json, UriTemplate = "SaveImage")]
        string SaveImage();

    }
}

MyService.svc.cs

namespace MyAppService
{

[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
    public class MyService : IMyService
    {

        public string SaveImage()
        {
            HttpPostedFile file = HttpContext.Current.Request.Files["recFile"];
            if (file == null)
                return null;
            string targetFilePath = AppDomain.CurrentDomain.BaseDirectory + @"Images\Tree\\" + file.FileName;
            file.SaveAs(targetFilePath);
            return file.FileName.ToString();
        } 
}
}

由于

1 个答案:

答案 0 :(得分:2)

感谢您的帮助..我发现了问题..当我在WCF服务的web.config文件中设置aspNetCompatibilityEnabled =“true”时,我得到了HttpPostedFile。

应该尝试这个

<configuration>
  <system.serviceModel>
    <serviceHostingEnvironment aspNetCompatibilityEnabled="true"/>
  </system.serviceModel>
</configuration>

[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Required)]

谢谢..