uni-app图片上传到oss。formData的参数为什么没有接收到。获取上传内容的后缀

肖肖肖丽珠

已于 2024-09-09 16:04:20 修改

阅读量1.7k

点赞数

分类专栏：小程序 uni-app 文章标签： uni-app servlet java

于 2021-06-30 15:43:27 首次发布

本文链接：https://blog.csdn.net/qq_33769914/article/details/118362326

版权

本文讲述了在uni-app中如何实现图片上传到OSS，并遇到formData参数看似未被接收但实际上已成功传递的问题。详细步骤包括获取OSS签名、处理图片大小限制、上传图片并解析返回数据。在与后端交互过程中，尽管前端打印未显示formData内容，但后端确认已接收到参数。

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

首先一个接口获取oss的签名。然后把签名和图片的信息通过formdata的格式传到oss上面

<view class="wu-example" @click="addImage()">
           <view class="btns">
               <view class="updateanswerimgbtn" :id="updateanswerimgbtn[question.sortnum]">上传答案</view>
           </view>
       </view>

data() {
       return {
           imgLists:[],
       };
   },

addImage() {
               // 从本地相册选择图片或使用相机拍照。
               uni.chooseImage({
                   count: 1, //最多可以选择的图片张数，默认9
                   //album 从相册选图，camera 使用相机，默认二者都有。
                   sourceType: ['album', 'camera'], //从相册选择或从使用相机
                   success:(res) =>{
                       if (this.imgLists.length+res.tempFilePaths.length >5) {
                           console.log("最多可传五张");
                           return;
                       }
                       //上传图片大小限制循环
                       for (let i = 0; i < res.tempFilePaths.