uniapp 上传 FormData 类型数据

最新推荐文章于 2024-07-16 16:38:55 发布
最新推荐文章于 2024-07-16 16:38:55 发布
阅读量1w 收藏 5
点赞数 2
分类专栏： uniapp 文章标签： uniapp FormData 上传文件 uni.uploadFile API
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46462541/article/details/120442544
版权

我们很多时候上传文件就是使用 FormData，然而 uniapp 默认不支持 FormData 类型数据的上传，uniapp 有自己的上传API —> uni.upload 可以实现 FormData 数据的上传。

uni.uploadFile({
	url,
	file, // 文件
	name, // 在FormData 中文件对应的属性名
	formData: data, // 除文件外其他所有数据，传对象，会默认转换为 FormData
	header: {
		token
		// 不需要手动指定 multipart/form-data ，本 API 默认 multipart/form-data 
		// 手动指定需要计算 boundary 并拼接上 
	},
	success: res => {
		
	},
})
@时空旅人
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
uniapp使用uni.uploadFile上传图片文件，发送form-data请求,解决no multipart boundary was found
qq_44090577的博客
03-01 3万+
uniapp使用uni.uploadFile上传图片文件，发送form-data请求uni.uploadFile上传图片文件uni.request发送form-data请求无效uniapp不支持 new FormDataTypeError: Cannot read property 'indexOf' of undefined uni.uploadFile上传图片文件 使用uniapp开发混合app时碰到后台需要发送multipart/form-data请求 ，可以直接使用uni.uploadFile上传文
ajax使用formdata上传文件流
10-16
主要为大家详细介绍了ajax使用formdata上传文件流，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
uni.uploadFile单文件上传、多文件上传
weixin_70012426的博客
04-18 877
【代码】uni.uploadFile单文件上传、多文件上传。
【uniapp微信小程序】自定义使用FormData文件上传
最新发布
cnsv的博客
07-16 600
微信小程序formdata多文件上传
uniapp发送Form Data格式请求
tt1234561009的博客
07-12 471
设置header的Content-Type为 application/x-www-form-urlencoded 即可。这世界很喧嚣，做你自己就好。
UNIAPP使用uni.uploadFile在H5环境上传文件时，后端提示错误 : “No multipart boundary param in Content-Type“
灵壹Eli的博客
06-05 453
UNIAPP使用uni.uploadFile上传文件时后端提示错误 : “No multipart boundary param in Content-Type”
uniapp上传文件时用到的api是什么？格式是什么？
子玉的博客
01-05 730
需要注意的是，`uni.uploadFile` API在不同平台（如微信小程序、H5、App等）上的具体实现可能会有所差异，你需要根据自己的目标平台进行适配。该API用于将文件上传到服务器。- `filePath`：要上传的文件路径，可以是临时文件路径或者持久文件路径（如本地相册中的图片）。- `success`：上传成功时的回调函数，可以在此处处理上传成功后的逻辑。- `fail`：上传失败时的回调函数，可以在此处处理上传失败后的逻辑。- `url`：上传接口的地址，即服务器端处理文件上传的API地址。
uniapp利用uni.uploadFile上传图片时在formData中携带token信息
m0_52459016的博客
12-23 1万+
上传图片时在formData中携带token信息 注意：在formData中携带参数时，不要配置header头信息，否则会造成后台接收不到前台传递的信息 // 上传头像 chooseImg() { let that = this; let token = that.$tool.getCache('token') console.log('token',that.$tool.getCache('token')) uni.chooseImage({ count:
uni-app uni.uploadFile 后端获取formData的值
hc1428090104的博客
11-19 6470
@RequestMapping(value="/query",method = RequestMethod.POST) public String buildRequest(HttpServletRequest request){ // 方式一：getParameterMap()，获得请求参数map Map<String,String> parmMap=new HashMap<String,String>(); Map<String,String[]&gt.
uniapp formdata 单文件上传
weixin_50236740的博客
03-04 1140
【代码】uniapp formdata 单文件上传。
uniapp开发App上传formData文件
mmiaoChong的博客
12-20 5333
在uniapp中上传文件（FormData）发现uni.request不支持FormData。使用chooseImage+uploadFiles解决
uniapp开发H5使用formData上传文件
六国破灭，非兵不利 ，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧，盖失强援，不能独完。故曰：弊在赂秦也。 秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百
11-23 4009
由于uniapp 的 uni.uploadFile 上传的限制，无法实现上传excel、world、ppt等类型的文件，不支持下图的上传方式，故只能调用原生的方法来解决。
uniapp实现移动端上传文件功能
09-24
在移动应用开发中，文件上传是一项常见的功能，尤其在社交、云存储以及各种服务类应用中，用户常常需要上传图片、文档等数据。uniAPP，作为一个跨端开发框架，为开发者提供了便捷的方式来实现移动端的文件上传功能。...
uniapp 多文件上传
03-07
这个方法接受多个参数，包括`url`(服务器接口地址)、`filePath`(本地文件路径)、`name`(服务器端接收的文件名)、`formData`(可选，附加到请求体的数据)等。通过循环调用`uni.uploadFile()`，我们可以实现多文件上传...
uniapp前端单文件上传JAVA后台接收实现（亲测）
10-16
uniapp前端单文件上传JAVA后台接收实现（亲测），看了些文档，亲测了一天，后面还有多页面上传文档代码上传哦
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
11-26
Base64编码的图片数据中包含了图片的元信息（如MIME类型）以及实际的二进制数据。首先，我们需要将Base64字符串解析成原始的二进制数据，然后创建一个Blob对象。这个过程可以通过以下JavaScript函数完成： ```...
小程序 js把本地或取得临时的视频或者图片路径封装成file文件流
Carina的编程技术博客
11-01 6670
import FormData from '../../../utils/formdata' uploadFiles(newUrl){ // newUrl是本地文件的 tmp 地址 let formData = new FormData(); // 用法 // formData.append("name", "value"); // value 表单值 // formData.appendFile("file", filepath); // filepath 文件路径 fo.
uniapp 如何发送formData数据请求（全网最佳解决方案）
热门推荐
qq_37550440的博客
07-28 3万+
uniapp 如何发送formData数据请求（全网最佳解决方案）,涉及app运行环境 ，uniAPP细节 使用使用axios 配合renderjs，满足我们在H5和app端都能正常
uniapp如何传递FormData数据
weixin_41463944的博客
09-06 1389
uniapp如何传递FormData数据
uniapp多个图片同时上传formdata提交代码
05-19
你可以使用uni.uploadFile()函数来上传多个图片，然后将它们一起作为FormData提交到服务器。下面是一个示例代码： ``` // 定义formData对象 let formData = new FormData() // 遍历需要上传的图片 for (let i = 0; i < images.length; i++) { // 使用uni.uploadFile()函数上传图片 uni.uploadFile({ url: 'your_upload_url', filePath: images[i], name: 'file', success: (res) => { // 上传成功后将返回的url添加到formData中 formData.append('urls[]', res.data) } }) } // 将其他需要提交的数据添加到formData中 formData.append('otherData1', 'value1') formData.append('otherData2', 'value2') // 使用uni.request()函数提交formData到服务器 uni.request({ url: 'your_submit_url', method: 'POST', data: formData, header: { 'content-type': 'multipart/form-data' }, success: (res) => { console.log(res.data) } }) ``` 在代码中，首先定义了一个formData对象，然后遍历需要上传的图片，使用uni.uploadFile()函数上传每一张图片，并在上传成功后将返回的url添加到formData中。最后，将其他需要提交的数据也添加到formData中，然后使用uni.request()函数将formData提交到服务器。注意要将header中的content-type设置为multipart/form-data，以确保服务器能够正确解析formData数据。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值