上传文件使用HTML5的FormData 提交表单和文件数据

最新推荐文章于 2024-08-12 09:54:37 发布

分数指数幂

最新推荐文章于 2024-08-12 09:54:37 发布

阅读量1.9k

点赞数

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.csdn.net/qq_27481603/article/details/54314844

版权

这篇博客探讨了如何使用HTML5的FormData接口进行文件和表单数据的异步提交，强调了文件存储的最佳实践，即存储文件路径而不是文件本身在数据库中，以减轻数据库压力并便于管理和维护。此外，还介绍了传统的表单提交方式与FormData的优势，特别是它在异步上传二进制文件方面的功能。

摘要由CSDN通过智能技术生成

后台部分：

数据库可以存放二进制流数据主流的如mysql oracle 中的blob类型就是二进制流。但是数据库一般是系统的瓶颈，文件建议存放在硬盘，路劲存放在数据库。不管目前针对的是什么项目，文件都不是存放在数据库里
而是放到独立的一台静态文件服务器中，而是把文件目的地（地址）放到数据库中

好处是：1、对于外部的访问，数据库的读写负载会很小，也就是主观上减少了服务器的压力
2、便于维护和管理，如果怕文件服务器宕机，做个文件服务器的集群（备份），这样文件的存储量会更大

html表单提交的几种方式：

1.submit 表单提交

<input type=’text’ name=’username’ />

<input type=’password’ name=’password’/>

<input type=’submit’ value=’登陆'/>

2.js 调用表单提交

关注

专栏目录

上传文件 使用HTML5的FormData 提交表单和文件数据