javascript – 从blob创建文件

我需要一些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