程序员Rocky 2017-09-15 02:33 采纳率: 0%
浏览 1854
已采纳

html中文件上传的原理

大家都知道http是基于文本的协议，也就是说发送的无论是视频，音频，等等都会转换成
二进制字符串，然后传递给web服务器。一直纠结一件事，1.文件上传的时候，是不是
浏览器帮助我们把文件读取成为二进制字符串，然后附加一些文件类型，等等文件属性，
然后web服务器收到请求会相应的根据文件属性，把二进制字符串保留起来，加上
原来一样的后缀名和文件类型。也就达到了上传文件的目的。这样的理解是否正确？
请高手指教一下。
2.之后就是上传文件百分比%,是不是涉及到两边TCP通信问题，毕竟文件
太大(100M以上之类的)不可能客户端一次性读完，然后写到http请求头当中，还是什么？
求大神解惑

  • 写回答

4条回答 默认 最新

  • little_how 2017-09-15 03:15
    关注

    楼主刚刚说的全部编码是不对的，在http协议体中的内容有三种编码方式：
    1.application/x-www-form-urlencoded表示在发送前编码所有字符串
    2.multipart/form-data不对字符编码(也就是说直接以二进制传输)
    3.text/plain不对特殊字符进行编码

    在http上传的时候默认是选择1来进行编码报文体的
    但是在文件上传的时候，就需要设置第2中，才能正常进行文件上传
    你可以通过http抓包观察，每个表单在报文体都有一个描述，服务端在解析http报文的时候
    可以根据描述来确认发送的是哪一类的报文，从而对应解析

    希望可以帮到你，有不明白的可以继续提问...

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • 前端文件上传原理
    2023-12-20 11:51
    向阳花自开的博客 文件上传
  • 前端Javascript+Html5+后端PHP分块上传文件
    2022-08-04 16:09
    前端Javascript+Html5+后端PHP分块上传文件，PHP分块上传大文件，该项目可以正常运行，入口为index.html，需要正确配置fileDir的读写权限 目前有测试过上传1.5G左右的没有问题（未测试更大的文件），理论上更大的...
  • ko.tar.gz_文件上传前端
    2022-09-24 21:08
    描述中提到的"文件上传功能"涉及到多个前端技术知识点，如HTML5的`<input type="file">`标签用于创建文件选择器，File API用于在浏览器中读取和操作文件，以及Ajax或Fetch API用于异步发送文件到服务器。此外，还...
  • html表单中构建文件上传的标签,前端文件上传基础
    2021-06-13 11:06
    奇闻志的博客 上传文件已经是个已经成熟的前端技术，目前开源的拿来即用的前端上传插件也比较多，诸如:Web Uploader、JSAjaxFIleUploader、jQuery-File-Upload，通常这些上传插件包含的功能...文件上传方式文件上传最原始的方式fo...
  • HTML中文件上传与上传进度跟踪的原理分析.pdf
    2021-10-05 10:39
    总的来说，HTML中的文件上传涉及HTML表单、HTTP协议、服务器端处理以及前端的用户体验优化。理解这些原理对于开发高效、用户友好的文件上传功能至关重要。而上传进度跟踪则是提升用户体验的重要一环，需要结合前端和...
  • php文件上传原理与实现方法详解
    2020-10-15 20:37
    在PHP中，文件上传是网站应用中常见的功能，它涉及到前端和后端的交互以及服务器配置。以下是对PHP文件上传原理与实现方法的详细解析： 首先，了解文件上传的原理。当用户通过HTML表单选择文件并提交时，浏览器会将...
  • 前端——html拖拽原理
    2023-12-05 01:36
    yma16的博客 大家好，我是yma16，本文分享关于 前端——html拖拽原理。 vue3系列相关文章： vue3 + fastapi 实现选择目录所有文件自定义上传到服务器 前端vue2、vue3去掉url路由“ # ”号——nginx配置 csdn新星计划vue3+ts+antd...
  • 揭秘前端文件上传原理（一）
    2019-09-06 08:00
    全栈者的博客 在平时工作中，总是会接触过很多文件上传的功能，因为用惯了各种操作库来处理，所以总有一种云里雾里的感觉，没有清晰的思路，归根到底还是没有理解文件上传的原理。接下来将揭起工具...
  • 前端如何用HTML5实现分片上传GB级大文件
    2024-09-30 16:29
    全武凌(荆门泽优)的博客 前端：vue2,vue3,vue-cli,html5,webuploader后端：asp.net,jsp,springboot,php,数据库：MySQL,Oracle,SQL Server,达梦,人大金仓,国产数据库功能：超大文件上传,文件和文件夹批量上传，断点续传，加密上传，视频上传...
  • 前端上传文件
    2023-02-17 11:06
    温其如玉_zxh的博客 .vue 点击此处上传文件，可以给我添加各种样式哦div> <input type="file" style="display: none" ref="uploader" @change="fileChange" /> 二、逻辑处理 考虑到项目中可能不止一个地方使用文件上传，为了方便复用，...
  • 没有解决我的问题, 去提问

问题事件

  • 已采纳回答 3月7日