Question

嗯，input[type=file]的files属性是只读的。因此，我无法将blob数据写入此输入元素。

但是如果我使用Javscript创建一个新的输入文件元素，那么可以在创建时插入blob数据吗？我只对chrome (extension)中使用的解决方案感兴趣 - 其他浏览器无关紧要。

Answer 1

new File()构造函数可用于铬/铬38+。请参阅File Constructor Sample，File API。

＆＃13;

var date = new Date(),
  filename = "file-" + date.getTime() + ".html";

var generatedFile = new File(
  ["<!DOCTYPE html><html><body>" + filename + "</body></html>"]
  , filename
  , {
  type: "text/html",
  lastModified: date
  }
);

var objUrl = URL.createObjectURL(generatedFile);

console.log(generatedFile, objUrl);

var reader = new FileReader();

reader.addEventListener("load", function(event) {
  console.log(event.target.result)
});

reader.readAsText(generatedFile);

＆＃13;

Chrome：使用Javascript从blob创建文件输入？

1 个答案: