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托管它。

此Binding不支持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);

}

现在您有一个Url可以将文件内容发布到。

？

Uploadfile文件名= Samplefile.jpg＆安培;长度= 72572

将文件发布到WCF服务

1 个答案: