js中如何修改设置blob的fileName

最新推荐文章于 2024-08-08 15:53:24 发布

慕容屠苏

最新推荐文章于 2024-08-08 15:53:24 发布

阅读量1.3w

点赞数

分类专栏：大前端爬坑之路

本文链接：https://blog.csdn.net/kerryqpw/article/details/104364040

版权

大前端爬坑之路专栏收录该内容

188 篇文章 60 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

当通过Blob上传文件时，后端可能无法解析文件名。最有效的方法是将Blob转换为File并设置fileName。其他思路包括使用FileSaver.js、扩展兼容IE的解决方案、处理大文件截断问题的策略以及另一种自定义解决方案，但这些方法并不推荐。

摘要由CSDN通过智能技术生成

如下修改blob的fileName

通过blob上传文件图片时会出现后端解析不了的文件名

// Turns out getAsFile will return a blob, not a file
var blob = event.clipboardData.items[0].getAsFile(), 
    form = new FormData(),
    request = new XMLHttpRequest();
form.append("blob",blob);
request.open(
            "POST",
            "/upload",
            true
        );
request.send(form);

例如：发现上传的表单字段的名称与此类似：Blob157fce71535b4f93ba92ac6053d81e3a

这时，就需要设置blob的fileName名，让后台能够解析上传的文件。

在这里，我先讲最有效的方法，建议使用该方法解决开发中遇到的问题，其他几种方法也会列出来，

但是其他几种方法都是无用的。

下面是最有效的方法：

由于file和blob本质上都是blob,blob不能设置fileName，但是file可以设置fileName