使用 Google Gears 和 ASP.NET 或 PHP 上传文件

Question

尝试使用 Google Gears 和 ASP.NET 上传文件...我假设您可以作为 HttpRequest API 接受 blob。

我在页面中有 FileUpload 控件。

<asp:FileUpload runat="server" ID="File1" />

然后是 JavaScript

var file1 = document.getElementById("<%# File1.ClientID %>");
var desktop = google.gears.factory.create('beta.desktop');

file1.onclick = function()
{
    desktop.openFiles(openFilesCallback,
        {
            singleFile: true,
            filter: ["image/jpeg"]
        }
    );
    return false;
}

function openFilesCallback(files)
{
    if(files.length == 0)
    {
        alert("No files selected");
    }
    else
    {
        // 1MB = 1024 * 1024 bytes
        if(files[0].blob.length > (1024 * 1024)) 
        {
            alert("File '" + files[0].name + "' is too big to upload");
        }
        else
        {
            uploadFile(files[0]);
        }
    }
}

function uploadFile(file)
{
    var up = google.gears.factory.create("beta.httprequest");
    up.open("POST", "upload.ashx");
    up.send(file.blob);
}

但是，我不确定如何在处理程序中处理它。

public void ProcessRequest (HttpContext ctx)
{
    ctx.Response.ContentType = "text/plain";
    ctx.Response.Write("Hello World");
    ctx.Response.Write(ctx.Request.Files.Count.ToString());
    ctx.Response.Write(ctx.Request.Form.Count.ToString());
}

如果我在最后两个语句中的任何一个上设置断点，Files.Count 和 Form.Count 都会返回 0。如果我不这样做，我会在 Firebug 中收到异常： 组件返回失败代码：0x80004001 (NS_ERROR_NOT_IMPLMENTED)

如果我无法使用 POST 通过 Gears 上传，是否可以使用 PUT 来完成？

编辑： PHP 代码也很好（因为我想用两种语言来做）

Answer 1

我认为问题的根源在于，对于 gears，您实际上并没有使用多部分表单/数据上传机制，而是实际上在 POST 请求本身中发送文件数据。

因此，您需要做的实际上是从输入处理程序中读取请求流，并获取数据。您的代码应该如下所示：

public void ProcessRequest (HttpContext ctx)
{
    var filePath = "SomePath/ToWrite/Filedata.dat";
    var stream = ctx.Request.InputStream;
    var buffer = new byte[stream.Length];
    stream.Read(buffer,0,buffer.Lenght);
    using(var fileStream = new FileStream(filePath,FileMode.Create))
    {
        fileStream.Write(buffer, 0, buffer.Length);
    }
}

当然，是否写入文件或数据库取决于您，以及异常处理和确定是否要创建新文件或追加现有文件等。此外，由于您的代码对文件大小有 1MB 的限制，因此我没有费心去限制缓冲区长度。如果您可能处理非常大的块，您可能需要选择一个较小的缓冲区并从流中分块读取，直到用完数据（这适用于流长度 > int.maxvalue 的情况，所以可能不会可能）。

如果您需要包含原始文件名之类的内容，您有几个选择。一种方法是将 URL 作为查询参数发送（确保其编码正确）。然后你可以从 ctx.Request.QueryString["fileName"] 或类似的地方读取它。

另一种选择是将所需的数据放入客户端的更复杂的对象中，然后使用 JSON 将其全部序列化并将其放入 POST 中。因此，您的客户端代码将类似于：

function uploadFile(file)
{
    var up = google.gears.factory.create("beta.httprequest");
    up.open("POST", "upload.ashx");
    var fileInfo = { Name: file.name, Data: file.blob, someOtherData: ...};
    up.send(JSON.stringify(fileInfo));
}

您需要在服务器端对其进行反序列化，因此您很可能需要 System.Web.Services 中的 DataContractJsonSerializer。另一种选择是 James Newton-King 的 Json.Net 库 (http://james .newtonking.com/pages/json-net.aspx）。

internal class FileInfo
{
    public string Name { get; set; }
    public byte[] Data { get; set; }
    // .. some other data
}


public void ProcessRequest(HttpContext ctx)
{
    var serializer = new DataContractJsonSerializer(typeof(FileInfo));
    FileInfo fInfo = (FileInfo)serializer.ReadObject(ctx.Request.InputStream);
    var path = basePath + fInfo.Name;
    using(var fileStream = new FileStream(path,FileMode.Create))
    {
        fileStream.Write(fInfo.Data,0,fInfo.Data.Length);
    }
}

恐怕我在 PHP 方面帮不了什么忙......自从我进入 PHP 领域以来已经有很长、很长、很长的时间了:)