Definindo o atributo src de um IFrame para dados: application / pdf; base64?
Pergunta
A definição do atributo src de um IFrame para dados: application / pdf; base64, não está funcionando para mim, todas as idéias porque
Aqui está o aspx marcação
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function loadIFrameFromHiddenField()
{
//get the node containing the base64 pdf data from the xml in the hidden field
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.loadXML(document.getElementById("pdfData").value);
xmlDoc.setProperty('SelectionLanguage', 'XPath');
var pdfDataNode = xmlDoc.selectSingleNode("//PDF");
//if we've got the node
if (pdfDataNode != null)
{
//get the data and append it to the src contents
var pdfIFrameSrc = "data:application/pdf;base64," + pdfDataNode.text;
//set the src attribute
document.getElementById("pdfIFrame").setAttribute("src", pdfIFrameSrc);
}
}
</script>
</head>
<body>
<form id="form1" runat="server" style="width:100%;height:100%;">
<asp:HiddenField ID="pdfData" runat="server" />
<div style="width:100%;height:80%;">
<iframe id="pdfIFrame" runat="server" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" style="height:99.5%;width:99.5%" />
</div>
</form>
</body>
</html>
e aqui está o código por trás:
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.IO;
using System.Text;
using System.Xml;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//get the bytes from our PDF
Byte[] pdfBytes = File.ReadAllBytes("c:\\temp\\Test.pdf");
//build xml containiing our base64 encoded pdf data and put it in hidden field
pdfData.Value = buildDocumentXML(pdfBytes, "TestDoc");
//call js function to add the src to the iframe
String scriptText = "<script type='text/javascript'>loadIFrameFromHiddenField()</script>";
ClientScript.RegisterStartupScript(this.GetType(), "loadIFrameFromHiddenField", scriptText);
}
private string buildDocumentXML(Byte[] pdfBytes, string documentName)
{
StringBuilder documentsString = new StringBuilder();
XmlWriterSettings documentsXmlSettings = new XmlWriterSettings();
documentsXmlSettings.Indent = false;
documentsXmlSettings.OmitXmlDeclaration = true;
documentsXmlSettings.ConformanceLevel = ConformanceLevel.Fragment;
documentsXmlSettings.NewLineHandling = NewLineHandling.None;
using (XmlWriter documentsXmlWriter = XmlWriter.Create(documentsString, documentsXmlSettings))
{
documentsXmlWriter.WriteStartElement("DOCUMENTS");
documentsXmlWriter.WriteStartElement("FILENAME");
documentsXmlWriter.WriteString(documentName);
documentsXmlWriter.WriteEndElement();
documentsXmlWriter.WriteStartElement("PDF");
documentsXmlWriter.WriteBase64(pdfBytes, 0, pdfBytes.Length);
documentsXmlWriter.WriteEndElement();
documentsXmlWriter.WriteEndElement();
}
return documentsString.ToString();
}
}
Eu deveria dizer ao contrário neste exemplo, no aplicativo real, a dados pdf é gerado serverside. A razão que eu estou tentando carregar o clientside dados pdf é que eu tenho que ter o pdf byte clientside dados de qualquer maneira para fazer outra coisa com e eu estou tentando reduzir os casos de esses dados serem gerados e atirado ao redor.
Apenas cumpri o código acima e marcação em um simples website página no VS2005 e cumpri qualquer idade pdf em c:. \ Temp \, chamá-lo TestDoc.pdf e deve compilar e executar
Basicamente o comportamento que eu estou recebendo nada no iframe em tudo.
Estou usando o IE7 de modo que pode ser um problema. Eu não sei uma vez que há pouca informação preciosa sobre como usar os dados:. Application / pdf; base64 [dados base64] sintaxe em torno
Solução
Tanto quanto eu sei, o IE não manipula os dados: esquema de URL em tudo, então eu acho que, não sei o que passar para o visualizador de PDF. Consulte WP .
Cheers,
Outras dicas
Pode ser pegajoso ao wikipedia referência, mas Wikipdia diz que pode haver algumas restrições sobre que filestypes que estão autorizados a utilizar os dados: filetype; sintaxe base64 diante. Ou seja, imagens só por agora. A especificação IE9, o artigo diz, permite o uso mais amplo, mas eu não tenho certeza do que exatamente isso implica. Nesse meio tempo, você apenas tem que usar o arquivo .pdf e não apenas de TI de dados de seqüência de base 64.
Desta forma, funcionou para mim:
var oldsrc = $('.content-control-iframe').attr('src');
var newsrc = $('.content-control-iframe').attr('src').slice(8);
$('.content-control-iframe[src="'+oldsrc+'"]').attr('src', newsrc);