HTML5 FileApi + FileReader - 使用 SWF 提供 <object>

Question

我想使用 HTML5 FileApi 将 SWF 读取到 OBJECT（或 EMBED，如果这样做更好？）。

我当前的代码在 Chrome/Iron 上崩溃（唯一的 stable 浏览器也支持 xmlhttprequest v2 FormData）。我用它来将图像数据读入即时创建的 IMG。但是对象一会使浏览器中的当前选项卡崩溃。

else if (file.type == "application/x-shockwave-flash") {
    var show = document.createElement("object");
    show.type = "application/x-shockwave-flash"
    show.style.width = "100%";
    show.style.height = "100%";
    show.id = "thumb";
    document.getElementById("thumbnails").appendChild(show);

    var reader = new FileReader();
    reader.onload = (function (aImg) { 
        return function (e) { aImg.data = e.target.result; }; 
    })(show);
    reader.readAsDataURL(file);

我真的会阅读object.data 部分吗？它是如何正确完成的？有人知道吗？或者这是不完整的，我必须等待更好的实施？

Answer 1

我建议尝试的一些事情（按照复杂度递增的顺序）：

• base64 使用btoa 对数据进行编码，并使用data: URI 进行设置，
• 不使用createElement 创建对象，而是将所有属性构造为HTML 字符串（包括上面的base64 建议）的<object> 标记，然后使用innerHTML 将其注入到DOM 元素中，
• 创建一个反射器 Web 服务，您可以在其中发布 swf 内容，它会为您提供一个 URL，然后将该 URL 传递给对象，
• 与前面类似，创建一个反射器 Web 服务，您可以在其中发布 swf 内容，将全屏 IFRAM 作为目标，让该服务返回一个 HTML 文档，其中包括指向服务器的 <object>。

这些选项中的后者更密集，并且需要您可能想要避免的服务器往返 - 只是您可能想要考虑的更多选项。

ActionScript 3 有一个Loader，它也可能很有用。我不知道它是否支持data: URI，但如果支持，您可以编写一个引导加载程序 SWF，它直接运行本地 swf 文件的内容。