不通过 input选择文件，使用FormData 发送binary

最新推荐文章于 2024-11-07 09:40:43 发布
最新推荐文章于 2024-11-07 09:40:43 发布
阅读量266 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/alreadyRAY/article/details/131418436
该文章展示了如何使用Node.js读取二进制文件data.bin，将内容转化为Blob对象，并添加到formData实例中，用于可能的HTTP上传操作，类型定义为application/octet-stream。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

const form = new formData()
let data = fs.readFileSync("./data.bin")
let newBlob = new Blob([data], {type : 'application/octet-stream'})
form.append('file', newBlob)
alreadyRAY
关注
Vue运用之input本地上传文件，实现传参file:(binary)
日常笔记/总结/系列知识梳理
12-13 1582
功能场景是，实现列表的【批量导入】的效果，在Excel里维护好信息，本地上传好文件，再点击【确认】触动接口，将flie信息传值后端接口。
[WebApi]WebApi通过接口上传文件-单文件 多文件上传 文件下载
德仔
01-28 9547
WebApi通过接口上传文件单文件上传（ajax，Form表单都适用）1.html2.javascript3.C#Form表单之单文件上传1.html2.javascript3.C#多文件上传1.HTML2.javascript3.C#请求文件下载1.HTML2.javascript3.C#UploadFileRequest 单文件上传（ajax，Form表单都适用） 1.html <legend>单文件上传（ajax，Form表单都适用）</legend>
【转】form-data、x-www-form-urlencoded、raw、binary的区别
11-10 732
文章大纲 一、form-data介绍 二、x-www-form-urlencoded介绍 三、raw介绍 四、binary介绍 五、参考文章 一、form-data介绍 http请求中的multipart/form-data,它会将表单的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对，也可以上传文件。当上传的字段是文件时，会有Content-Type来表名文件类型；content-disposition，用来说明字段的一些信息； 由于有boundary隔离，所以multipart/f
postman中 form-data、x-www-form-urlencoded、raw、binary的区别
热门推荐
wangjun5159的专栏
08-19 19万+
form-data: 就是multipart/form-data,将表单内要上传的数据，处理为一条消息，以标签为单元，一个个的隔开。既可以上传键值对，也可以上传文件。 multipart/form-data与x-www-form-urlencoded区别就是，multipart/form-data还可以上传文件等二
umi-request：使用formData格式上传二进制binary文件流
羽墨灵丘的博客
04-15 1297
umi-request 使用formData格式上传二进制binary文件流
form-data、x-www-form-urlencoded、raw 和 binary
标准都是留给不爱的人，爱的本质是自由意志的沉沦
12-21 1222
x-www-form-urlencoded 格式通常用于提交表单数据。在 Postman 中，你可以通过选择 Body 标签页，然后选择 x-www-form-urlencoded 选项，来设置请求体的格式。在 x-www-form-urlencoded 中，请求体的每个参数也都是一个键值对，键和值之间使用等号进行分隔，不同参数之间使用 “&” 符号进行分隔。在 Postman 中，有四种常见的请求体格式，分别是 form-data、x-www-form-urlencoded、raw 和 binary。
postman中 form-data，x-www-form-urlencoded，raw, binary 区别详解
weixin_42591908的博客
02-14 2060
"form-data"，"x-www-form-urlencoded"，"raw" 和 "binary" 是在 Postman 中可用的不同请求正文数据类型。 "form-data"：此类型用于将键值对作为表单数据发送。每个键值对都可以独立设置，并可以添加文件作为值。 "x-www-form-urlencoded"：此类型用于将键值对编码为 URL 编码字符串，并在请求正文中发送。 "raw...
httpClient文件上传formdata
xinpz的博客
07-29 1426
/** * 上传文件 * * @param urlStr * @param textMap * @param fileMap * @param contentType 没有传入文件类型默认采用application/octet-stream * contentType非空采用filename匹配默认的图片类型 * @return 返回response数据 */ publi.
原生JS上传文件，获取文件二进制数据及文件大小和文件名称
07-07
例如，你可以使用`FormData`对象来收集多个文件和其他表单数据，然后通过`fetch`或`XMLHttpRequest`发送到服务器。如果需要在上传前对文件进行预览，可以使用`readAsDataURL`方法读取文件为DataURL。 总之，原生...
javascript二维数组(11)获取＜input type=“file“ id=“file“＞文件内容
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
10-07 451
在上面的示例中，我们使用 FormData API 将文件附加到一个表单数据对象中。然后，我们使用 XMLHttpRequest 对象发送包含文件数据的 POST 请求到服务器上的。在上面的示例中，我们首先获取文件输入元素，然后选择要读取的文件。接下来，我们创建一个。在JavaScript中，您可以使用以下方法获取。对象，并指定要读取文件的方式（在此示例中为。来获取文件内容，并将其显示在页面上。当文件读取完成后，将触发。事件，我们可以通过访问。
只用路径上传文件，不用手动选择文件上传
whm2012whm的博客
08-23 2798
关键字： 浏览器禁止访问本地文件，浏览器安全，同源策略，跨域访问 用路径上传文件到服务器，不用手动浏览选择上传 activex，activexobject 问题缘起一个需求： 用户有文件a，a中记录了一些路径，用户要求在上传a的同时，解析a，并将a中所有路径指向的其本地文件全部上传到远程服务器 平时传文件时不知大家有没有注意，只要是传本地文件到服务器，必须要让用户手动浏览再选择
js文件上传不用点击上传按钮自动上传
weixin_34195364的博客
07-18 600
不需要点击上传按钮，选择文件后直接上传： <script>functionsubmitform(){document.form01.action="upload.php";document.form01.submit();}</script><formn...
form-data、x-www-form-urlencoded、raw、binary的区别
liangshitian的博客
04-20 2万+
在日常开发中，通常会因为提交数据的方式不同而导致各种各样的问题，归根结底是因为未能正确认识到POST方式上传数据的几种方式的区别。所以很有必要研究一下这几种提交方式的区别。 1、form-data方式。 表示http请求中的multipart/form-data方式，会将表单的数据处理为一条消息，用分割符隔开，可以上传键值对或者上传文件；比如按照如下方式传输提交数据。对于一段utf8编码的字节...
form-data、x-www-form-urlencoded、raw、binary的区别（非原创）
weixin_30699443的博客
06-14 240
文章大纲 一、form-data介绍二、x-www-form-urlencoded介绍三、raw介绍四、binary介绍五、参考文章 一、form-data介绍 http请求中的multipart/form-data,它会将表单的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对，也可以上传文件。当上传的字段是文件时，会有Content-Type来表名文件类型；content-...
不使用 input file 元素，JS 如何操作文件
小陈的博客
01-31 3374
NodeJS 之前，JS 操作文件只能通过 HTML元素或 XMLHttpRequest（或之后的 fetch），来对本地文件进行一些浏览和上传操作。NodeJS 给予了 JS 操作系统底层 API 的能力，但这只能局限在 NodeJS 项目中。从 Chrome 86 开始，在浏览器中 File System Access API 提供了 JS 操作文件的能力，目前只有基于 Chromium 系列的浏览器全面支持，Safari 部分支持，而 Firefox 未支持。该 API 允许。
(Android)安卓form-data形式上传二进制(binary)文件Volley
Jone's Area
11-30 4254
本文使用的是Volley网络通讯框架 背景：之前一直是做Web前端开发，现要写一个android程序，web端有现成的上传文件接口，是常用的new FormData()形式，新写的android也要一样使用，可是我用camer2拍照，最终得到的是nv21，束手无策中... 网页multipart/form-data形式上传的二进制文件流，安卓咋整 一、了解form-data的格式要求 Content-Type:multipart/form-data; boundary=yourselfDefi
Params、form-data、x-www-form-urlencoded、raw、binary的区别及后端接收方式
zzlu_suran的博客
08-12 3992
3、x-www-form-urlencoded的请求是在body中， 为key=value格式，无法传文件，Content-Type为application/x-www-form-urlencoded。2、form-data的请求是在body中，为key=value格式，同时可以传文件，Content-Type为multipart/form-data，后端可以用@RequestParam接收。1、Params 的请求参数会出现在url中，为key=value格式，后端可以用@RequestParam接收。.
文件转成binary流
qq_41466219的博客
05-11 1769
var reader = new FileReader(); reader.readAsArrayBuffer(file) reader.onload = function(e) { //如果文件需要参数 //const formdata=new FormData() //formdata.append('file',e.target.result) axios.post(url, e.target.result, { headers: .
HTTP协议 form-data、x-www-form-urlencoded、raw、binary的区别
最新发布
lizhengyu891231的博客
11-07 400
HTTP协议 form-data、x-www-form-urlencoded、raw、binary的区别
获取 formData for file 文件名及文件
10-12
当你需要从 HTML 表单的 `FormData` 对象中获取文件上传的文件名和文件内容时，可以按照以下步骤操作： 1. **获取文件名（filename）**： 使用 `FormData` 的 `get()` 或者 `entries()` 方法来获取特定字段（通常是文件输入框的名称），然后检查它是否是一个 File 类型的值。如果存在，你可以通过 `File` 对象的 `name` 属性获取文件名。 ```javascript var form = new FormData(document.getElementById('your-form-id')); var fileName = form.get('file-input-name') || form.entries().find(entry => entry[0] === 'file-input-name')[1].value.name; ``` 2. **获取文件内容（file content）**： 为了读取文件的内容，你需要创建一个 `FileReader` 对象并调用其 `readAsArrayBuffer()`、`readAsText()` 或 `readAsDataURL()` 方法。这取决于你想如何处理文件数据（二进制、文本还是URL）。下面是一个简单的示例，展示如何读取文件为二进制数据： ```javascript var reader = new FileReader(); reader.readAsArrayBuffer(form.get('file-input-name')); // 替换为实际文件名 reader.onload = function (event) { var binaryData = event.target.result; // 这里binaryData包含了文件的二进制数据 }; ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值