javascript – 从blob创建文件

2019-08-23 19:36:48 阅读：554 来源： 互联网

标签：javascript safari form-data fileapi

我需要一些javascript大师.我有这个代码：

handleImage(new File([blob], blob.name, {type: blob.type})).done(/* something */)

和

handleImage = function (image) {
        // create some fake form data
        var formData = new FormData();
        formData.append("attachment", image);
        formData.append("auto", true);
        formData.append("_csrf", "xxxxxxxxx");

        // post to the server.
        return $.ajax({
            url: "/some/url",
            data: formData,
            cache: false,
            contentType: false,
            processData: false,
            type: 'POST',
            error: function () {
                console.log("error");
            }
        });

这适用于Chrome和Firefox,但在使用Safari(10.1.1)时,服务器(java / spring mvc)在MultipartHttpServletRequest中接收一个“附件”的空文件.所以在我看来,新文件([blob],blob.name,{type：blob.type})在某种程度上失败了.

知道这里有什么问题吗？

解决方法:

这可能是safari年轻实施中的一个错误.

但为什么你甚至将它转换为File对象？

File对象是一个Blob,唯一的区别是它有一个名称和一个lastModified属性.但是因为你似乎已经扩展了你的blob,所以它只留下了你可以添加的lastModifiedproperty.

我能想到的唯一的API,如果你的对象是Blob或File,它会有所不同,它是FormData.append方法;如果您传递File对象,它将能够自动设置文件名.但是这个方法有第三个参数,允许你设置这个文件名.

因此,如果您将代码更改为包含formData.append(“attachment”,image,image.name);并直接使用handleImage(blob)调用它,它将执行与您正在执行的请求完全相同的请求,除了它将在Safari和其他不支持File构造函数的浏览器上工作(看着你的IE) .

标签：javascript,safari,form-data,fileapi
来源： https://codeday.me/bug/20190823/1700251.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 从blob创建文件