如何利用js获取上传文件的名称和大小，要考虑兼容性

栗子hl 2016-01-04 01:52:02

网上搜的一些好像并没有考虑到文件的兼容性，希望找到能解决浏览器兼容性的方法，谢谢

...全文

1422 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在20G内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以20G来进行限制。 PC端全平台支持，要求支持Windows,Mac,Linux 支持所有浏览器。支持文件批量上传支持文件夹上传，且要求在服务端保留层级结构。文件夹数量要求支持到10W。支持大文件断点续传，要求刷新浏览器，重启浏览器，重启电脑后仍然能够继续上传。文件大小要求能够支持到20个G。支持自动加载本地文件，要求能够自动加载指定的本地文件。

HTML5提供了一台API可以实现文件的读写,文件读取利用API是FileReader代码如下:读取本地文件<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> &a

文件上传是web项目常见的功能模块，但是基于服务器安全和存储的考虑，一般需要限制上传文件的类型和文件的大小。但是现存的js验证文件大小的方法很少有能够兼容多个浏览器的，尤其ie9+想要验证文件的大小就必须需要降低浏览器的安全性，否则就会出现上传失败的情况，用户的体验很不好。在此介绍一个上传文件插件（Uploadify），它可以实现文件大小和格式的限制，不过前提是浏览器有Flash插件或者是HTM

文件上传原理最原始的文件上传使用 koa2 作为服务端写一个文件上传接口单文件上传和上传进度多文件上传和上传进度拖拽上传剪贴板上传大文件上传之分片上传大文件上传之断点续传 node 端文件上传原理概述原理很简单，就是根据 http 协议的规范和定义，完成请求消息体的封装和消息体的解析，然后将二进制内容保存到文件。我们都知道如果要上传一个文件，需要把 form 标签的enctype设置为multipart/form-data,同时method必须为post方法。

【代码】使用原生input 进行文件上传获取base64。

4,008

社区成员

3,510

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章