將文件發布到WCF服務

Question

我有一個WCF服務，該服務具有上傳文件功能。

public void UploadFile(Stream s)
{
    FileStream targetStream = null;
    Stream sourceStream = s;

    string uploadFolder = @"C:\upload\";
    string filePath = Path.Combine(uploadFolder, Guid.NewGuid().ToString());

    using (targetStream = new FileStream(filePath, FileMode.Create, FileAccess.Write, FileShare.None))
    {
        //read from the input stream in 6K chunks
        //and save to output stream
        const int bufferLen = 65000;
        byte[] buffer = new byte[bufferLen];
        int count = 0;

        while ((count = sourceStream.Read(buffer, 0, bufferLen)) > 0)
        {
            targetStream.Write(buffer, 0, count);
        }

        targetStream.Close();
        sourceStream.Close();
    }

}


 [ServiceContract]
public interface ITransferService
{
    [OperationContract]
    RemoteFileInfo DownloadFile(DownloadRequest request);

    //[OperationContract]
    //void UploadFile(RemoteFileInfo request);

    [OperationContract]
    [WebInvoke(Method = "POST", BodyStyle = WebMessageBodyStyle.Bare, UriTemplate = "/UploadFile")]
    void UploadFile(Stream s);
}

我正在使用此Ajax / Jquery：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>AJAX File Upload - Web Developer Plus Demos</title>
<script type="text/javascript" src="js/jquery-1.3.2.js" ></script>
<script type="text/javascript" src="js/ajaxupload.3.5.js" ></script>
<link rel="stylesheet" type="text/css" href="./styles.css" />
<script type="text/javascript" >
    $(function(){
        var btnUpload=$('#upload');
        var status=$('#status');
        new AjaxUpload(btnUpload, {
            action: 'http://localhost:35711/webservice/TransferService.svc/UploadFile',
            name: 'uploadfile',
            onSubmit: function(file, ext){
                // if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ 
                //    // extension is not allowed 
                //  status.text('Only JPG, PNG or GIF files are allowed');
                //  return false;
                //}
                status.text('Uploading...');
            },
            onComplete: function(file, response){
                //On completion clear the status
                status.text('');
                //Add uploaded file to list
                if(response==="success"){
                    $('<li></li>').appendTo('#files').html('<img src="./uploads/'+file+'" alt="" /><br />'+file).addClass('success');
                } else{
                    $('<li></li>').appendTo('#files').text(file).addClass('error');
                }
            }
        });

    });
</script>
</head>
<body>
<div id="mainbody" >
        <h3>&raquo; AJAX File Upload Form Using jQuery</h3>
        <!-- Upload Button, use any id you wish-->
        <div id="upload" ><span>Upload File<span></div><span id="status" ></span>

        <ul id="files" ></ul>
</div>

</body>

當我使用ASP .Net作為客戶端時，相同的功能可以正常工作。 但是我無法使用Ajax / Jquery做到這一點，是否可以使用Ajax / JQuery？ 如果是，那怎么辦？

誰能提供一個簡單的JQuery示例？

Answer 1

對於jQuery，您需要將UploadService作為REST服務提供。 在WCF中，這意味着通過webHttpBinding托管它。

該綁定不支持MessageContracts，因此您必須稍微采用Method簽名。

[ServiceContract]
public interface IUploadService
{
    [OperationContract]
    [WebInvoke(Method = "POST", 
        BodyStyle = WebMessageBodyStyle.Bare, 
        UriTemplate = "Uploadfile?fileName={filename}&length={length}")]
    void UploadFile(string filename, int length, Stream s);

}

現在，您可以使用一個網址來發布文件內容。

Uploadfile？fileName = Samplefile.jpg＆length = 72572

將文件發布到WCF服務

問題描述

1 個解決方案

解決方案1
0 2014-07-22 16:03:38

將文件發布到WCF服務

問題描述

1 個解決方案

解決方案1 0 2014-07-22 16:03:38

解決方案1
0 2014-07-22 16:03:38