javascript - 如何给上传为 FormData 的 Blob 一个文件名？

Question

我目前正在使用以下代码上传从剪贴板粘贴的图像:

// 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

有没有办法在客户端不进行任何服务器端通信的情况下设置或接收此文件名？

Answer 1

对于 Chrome、Safari 和 Firefox，只需使用:

form.append("blob", blob, filename);

(参见 MDN documentation)