在 Javascript/jQuery 中解码 base64 文件以供下载

今天我一直在尝试 SQL 二进制对象。我首先将图像存储在表中，发出 AJAX 请求以对图像进行 Base64 编码，然后使用 来显示它。

<img src="data:image/jpeg;base64,' + base64imageReturnedWithAjax + '">')

图像显示良好。

我正在从事的网络项目也需要文件下载（主要是 PDF） - 太棒了，我想，我也将 PDF 存储为 SQL 二进制对象，以相同的方式从服务器收集它，然后以某种方式神奇地解码它可以在另一端下载。

Help!

我首先尝试使用 jQuery base64 解码器（https://github.com/carlo/jquery-base64）对其进行解码：

$.base64.decode(base64fileReturnedWithAjax)

这会在控制台中生成以下错误：

Uncaught Cannot decode base64
_getbyte64
_decode
$.ajax.success
f.Callbacks.o
f.Callbacks.p.fireWith
w
f.support.ajax.f.ajaxTransport.send.d

因此，我的问题是：这是处理文件下载的可行方法吗？如果是这样，怎么办！如果没有，是否有建议的方法允许从 SQL 表下载文件？

亲切的问候， ATfPT

编辑：如果有帮助，这是从数据库/服务器（在 VB.NET 中）检索和发送文件的 Web 方法。 Fileblob 是数据库中的二进制对象。

    'Having connected to the table
    While lrd.Read()
        Dim fileBytes = CType(lrd("Fileblob"), Byte())
        Dim stream = New MemoryStream(fileBytes, 0, fileBytes.Length)
        Dim base64String = Convert.ToBase64String(stream.ToArray())
        document.Add(base64String)
    End While

    Dim serializer As New JavaScriptSerializer()
    Dim returnVal As String = serializer.Serialize(document)

    Return returnVal

内联 base 64 可以很好地处理图像（只要它们很小），因此您可能走在正确的道路上。但是，我认为您没有为 PDF 或大多数其他 blob 走正确的道路（varbinary(max)在 SQL Server 中）。

我这样做的方法是创建一个 HTTP 处理程序（控制器、ASHX、ASPX 等），它设置正确的 HTTP 标头并将从 SQL Server 检索到的数据传递给Response.BinaryWrite()作为字节数组。这是快速、干净且可靠的。它还需要很少的代码。

相比之下，base 64 编码会增加文件大小，并且我不知道有任何可靠的方法来处理客户端的 base 64 字符串并指示浏览器使用正确的应用程序打开它。另外，编码/解码是完全不必要的开销（这对于大文件可能很重要）。

顺便说一句，您还可以对图像使用 HTTP 处理程序。或者，您可以继续使用 Base 64，但在单个 JSON 对象中提供所有图像，这将减少您的请求计数（以更多客户端处理代码为代价）。

HTTP 处理程序示例

我将一些生产代码精简为仅处理 PDF 的部分。这应该只需进行最少的修改即可工作。

首先将通用处理程序添加到 Visual Studio 中的项目中。它将有一个 ASHX 扩展。

public partial class RequestHandler : IHttpHandler
{
    public void ProcessRequest( HttpContext context ) {
        HttpRequest request = context.Request;
        HttpResponse response = context.Response;

        byte[] bytes = null; // get from your database
        string fileName = null; // get from database or put something generic here like "file.pdf"

        response.ContentType = "application/pdf";
        response.AddHeader( "content-disposition", "inline;filename=" + fileName );
        response.AddHeader( "Content-Length", bytes.Length.ToString() );

        response.Buffer = true;
        response.BinaryWrite( bytes );
        response.Flush();
    }

    public bool IsReusable {
        get {
            return true;
        }
    }
}

要调用此代码，您可以简单地链接到它，例如<a href="RequestHandler.ashx?id=abc">Download</a>。您还可以将此代码放入 ASPX 页面中，并触发它以响应按钮单击、页面事件等。