Fetch下的PUT文件上传
来源:互联网 发布:淘宝商品怎么上架 编辑:程序博客网 时间:2024/05/22 08:28
浏览器中常见的文件上传方式(POST)
由于form表单仅支持GET和POST两种请求模式,过往常见的文件上传方式使用的是POST。具体的用法是给form表单设置 enctype=“multipart/form-data”(体现 在请求头Content-Type中)。
这种方式下文件内容被加工后封装在请求体里,通过特定的字符串(也记录在请求头Content-Type中)分隔开请求参数和文件内容,服务器端接收到请求后根据请求头中的Content-Type信息解读form-data的真实内容。
PUT方式的文件传输
新的浏览器接口中增加了File FileReader Blob Fetch等接口,为文件上传提供了新的选择。C/S模式开发时服务器端文件上传接口多采用POST或PUT;RESTful类型API增多的限制,PUT方式的文件上传API也增多。针对于PUT方式的接口,可采用Fetch/XmlHttpRequest进行(注意使用较新的浏览器,本文代码在chrome55下测试通过,其他浏览器可能存在兼容性问题)。
Fetch方式的传输举例
function send() { var f = document.getElementById('f'); //input file控件 var uploadReq = new Request(url, { //url为服务器接口URL method: "PUT", body: f.files[0] }); fetch(uploadReq).then(x => x.text()).then(x => { console.log(x); //此处假定响应信息是text });}
0 0
- Fetch下的PUT文件上传
- Linux命令行下ftp下载文件get与上传文件put的命令
- 使用fetch上传文件失败的解决方案
- 使用PUT方法上传文件
- 通过Ftp put命令上传导致文件损坏的解决办法
- 通过HTTP PUT方法实现文件上传的步骤
- Android使用put上传图片和所有类型的文件
- Android必知必会-使用okhttp的PUT方式上传文件
- 采用Retrofit的PUT方式上传文件到apache
- 用PUT方式上传大文件
- hadoop fs -put 上传文件失败
- Linux_ftp_命令行下下载文件get与上传文件put的命令应用
- Linux_ftp_命令行下下载文件get与上传文件put的命令应用
- 用TCP协议模式HTTP的PUT请求上传文件到tomcat服务器
- Perl的ftp----put文件
- android下的文件上传
- 解决php PUT PATCH 上传文件收不到数据
- spring mvc RestFul风格PUT方法修改上传文件
- MySQL实战系列3:视图、存储过程、函数、索引全解析
- JavaWeb总结八、HttpServletResponse对象(二)
- jquery.easyui.min.js:ncaught ReferenceError: jQuery is not defined
- Python下的Softmax回归函数的实现方法
- VGA的标准时序
- Fetch下的PUT文件上传
- 并发编程(1)-单例模式和volatile
- effective java 1
- PHP中计算字符串相似度的函数代码
- 生活小技巧^_^
- 使用Rancher-Gen动态更新配置文件
- Android studio 使用git提交项目到oschina
- 魔法照片pascal程序
- 如何快速搭建一套完整的网络直播平台