Question

所以我正在开发一个用户需要的网络应用程序：

提供一个充满数据的文件
将结果保存到文件

所有的操作都是用javascript完成的，所以我真的不需要服务器端代码（只是静态托管），我喜欢这样。

在Firefox中，我可以使用他们的file manipulation api允许用户将文件直接上传到客户端代码（使用标准<input type=file/>）并从文件中创建对象URL，以便用户可以保存客户端代码创建的文件。

<input type="file" id="input" onchange="handleFiles(this.files)">
<a download="doubled" id="ex">right-click and save as</a>
<script>
  function handleFiles(fileList){
    var builder = new MozBlobBuilder();
    var file = fileList[0];
    var text = file.getAsBinary();
    builder.append(text);
    builder.append(text);
    document.getElementById('ex').href = window.URL.createObjectURL( builder.getBlob() );
  }
</script>

所以这很棒。现在我想在其他浏览器中做同样的事情 - 或者至少是其他浏览器的现代版本。 Chrome和IE是否存在类似的API？如果是这样，有没有人已经构建了我应该使用的跨浏览器包装器？

Answer 1

它主要适用于Firefox 3.6 +，Chrome 10 +，Opera 11.1+，以及希望Safari 6和IE 10。

请参阅：http://caniuse.com/#search=FileReader。

Answer 2

结帐FileSaver.js和a[download] attribute（Chrome开发者渠道支持）。 Blob（对象）网址现在有些limited support。

Javascript：跨浏览器无服务器文件上传和下载

2 个答案: