首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在JavaScript中实例化文件对象?

如何在JavaScript中实例化文件对象?
EN

Stack Overflow用户
提问于 2011-12-06 03:42:09
回答 4查看 322.9K关注 0票数 173

在JavaScript中有一个File对象。出于测试目的,我想实例化一个。

我已经尝试过new File(),但是我得到了一个“非法构造函数”的错误。

可以创建一个File对象吗?

文件对象引用:

EN

回答 4

Stack Overflow用户

发布于 2014-07-01 00:56:09

现在你可以了!

代码语言:javascript
复制
var parts = [
  new Blob(['you construct a file...'], {type: 'text/plain'}),
  ' Same way as you do with blob',
  new Uint16Array([33])
];

// Construct a file
var file = new File(parts, 'sample.txt', {
    lastModified: new Date(0), // optional - default = now
    type: "overide/mimetype" // optional - default = ''
});

var fr = new FileReader();

fr.onload = function(evt){
   document.body.innerHTML = evt.target.result + "<br><a href="+URL.createObjectURL(file)+" download=" + file.name + ">Download " + file.name + "</a><br>type: "+file.type+"<br>last modified: "+ file.lastModifiedDate
}

fr.readAsText(file);

票数 33
EN

Stack Overflow用户

发布于 2018-02-22 19:22:48

现在,所有主流浏览器都支持它:https://developer.mozilla.org/en-US/docs/Web/API/File/File

代码语言:javascript
复制
var file = new File(["foo"], "foo.txt", {
  type: "text/plain",
});
票数 4
EN

Stack Overflow用户

发布于 2018-05-13 12:33:17

idea ...To在javaScript中为DOM中已经存在的图像创建一个文件对象:

代码语言:javascript
复制
<img src="../img/Products/fijRKjhudDjiokDhg1524164151.jpg">

var file = new File(['fijRKjhudDjiokDhg1524164151'],
                     '../img/Products/fijRKjhudDjiokDhg1524164151.jpg', 
                     {type:'image/jpg'});

// created object file
console.log(file);

不要那样做!...(但我还是这么做了)

->控制台给出一个类似于对象文件的结果:

代码语言:javascript
复制
File(0) {name: "fijRKjokDhgfsKtG1527053050.jpg", lastModified: 1527053530715, lastModifiedDate: Wed May 23 2018 07:32:10 GMT+0200 (Paris, Madrid (heure d’été)), webkitRelativePath: "", size: 0, …}
lastModified:1527053530715
lastModifiedDate:Wed May 23 2018 07:32:10 GMT+0200 (Paris, Madrid (heure d’été)) {}
name:"fijRKjokDhgfsKtG1527053050.jpg"
size:0
type:"image/jpg"
webkitRelativePath:""__proto__:File

但是物体的大小是错误的..。

为什么我需要这样做?

例如,在产品更新期间重新传输已上载的图像表单,以及在更新期间添加的附加图像

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8390855

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档