javascript input type=file 文件上传

Posted 2020-08-26

在JS中，input type=file 是常用的文件上传API，但感觉W3C说的不是很清楚，同时网上的资料也比较乱。

由于做微信开发，所以网页打算尽量少用第三方库或者插件，以加快网页的加载速度。因为微信企业号本身想实现的功能也很纯粹，不需要太多乱七八糟的东西。

我这里只用了JQuery.

总结如下：

1.用户选择文件后，一般只显示一个fakepath,不会显示一个完整的文件目录。用$("input[type=‘file‘]")[0].files[0].name即可显示出文件名。

2.$("input[type=‘file‘]")[0].files[0].type 显示出文件类型，如"application/vnd.ms-excel"，但并不是文件后缀名。

3.$("input[type=‘file‘]")[0].files[0].size 显示出文件字节数，实际使用中要进行换算。