我目前正在使用以下代码上传从剪贴板粘贴的图像：
// 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
有没有办法在客户端设置或接收此文件名，而无需进行任何服务器端通信？
在这里添加它，因为它似乎不在这里。
除了优秀的解决方案，form.append("blob",blob, filename);您还可以将 blob 转换为File实例：
var blob = new Blob([JSON.stringify([0,1,2])], {type : 'application/json'});
var fileOfBlob = new File([blob], 'aFileName.json');
form.append("upload", fileOfBlob);
由于您将数据粘贴到剪贴板，因此没有可靠的方法来了解文件的来源及其属性（包括名称）。
最好的办法是想出一个你自己的文件命名方案，并与 blob 一起发送。
form.append("filename",getFileName());
form.append("blob",blob);
function getFileName() {
// logic to generate file names
}
该名称看起来源自对象 URL GUID。执行以下操作以获取名称源自的对象 URL。
var URL = self.URL || self.webkitURL || self;
var object_url = URL.createObjectURL(blob);
URL.revokeObjectURL(object_url);
object_url将blob:{origin}{GUID}在 Google Chrome 和moz-filedata:{GUID}Firefox 中格式化。源是协议的协议+主机+非标准端口。例如，blob:http://stackoverflow.com/e7bc644d-d174-4d5e-b85d-beeb89c17743或blob:http://[::1]:123/15111656-e46c-411d-a697-a09d23ec9a99。您可能想要提取 GUID 并去除任何破折号。
尚未对其进行测试，但这应该会提醒 blob 数据 url：
var blob = event.clipboardData.items[0].getAsFile(),
form = new FormData(),
request = new XMLHttpRequest();
var reader = new FileReader();
reader.onload = function(event) {
alert(event.target.result); // <-- data url
};
reader.readAsDataURL(blob);