javascript – 从Blob网址创建一个下载链接

前端之家收集整理的这篇文章主要介绍了javascript – 从Blob网址创建一个下载链接前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我正在处理的Google Chrome扩展中,一个文件是从具有 XMLHttpRequest的服务器下载的.该文件包含存储在ArrayBuffer对象中的一些二进制数据.为了提供下载此文件的可能性,我使用的是createObjectURL API.
function publish(data) {
  if (!window.BlobBuilder && window.WebKitBlobBuilder) {
    window.BlobBuilder = window.WebKitBlobBuilder;
  }
  var builder = new BlobBuilder();
  builder.append(data);
  var blob = builder.getBlob();
  var url = window.webkitURL.createObjectURL(blob);
  $("#output").append($("<a/>").attr({href: url}).append("Download"));

}

工作正常除了文件名是不透明的UUID,像9a8f6a0f-dd0c-4715-85dc-7379db9ce142.有没有什么办法强制这个文件名到更友好的用户

解决方法

我以前从来没有尝试过,但是应该可以创建一个新的File对象(它允许你指定一个文件名),并将blob写入它.沿着以下方向的东西:
function publish(data,filename) {

    if (!window.BlobBuilder && window.WebKitBlobBuilder) {
        window.BlobBuilder = window.WebKitBlobBuilder;
    }

    fs.root.getFile(filename,{
        create: true
    },function (fileEntry) {

        // Create a FileWriter object for our FileEntry (log.txt).
        fileEntry.createWriter(function (fileWriter) {

            fileWriter.onwriteend = function (e) {
                console.log('Write completed.');
            };

            fileWriter.onerror = function (e) {
                console.log('Write Failed: ' + e.toString());
            };

            var builder = new BlobBuilder();
            builder.append(data);
            var blob = builder.getBlob();
            fileWriter.write(blob);

        },errorHandler);

    },errorHandler);
}

我认为这可能适合你.

猜你在找的JavaScript相关文章