uniapp uview文件上传的文件不是文件流，该如何处理？用了uni.chooseImage预览功能要如何做-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp uview文件上传的文件不是文件流，该如何处理？用了uni.chooseImage预览功能要如何做。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在使用uniapp开发，运用的ui是用uview，这边需要做一个身份认证，如下图
uniapp uview文件上传的文件不是文件流，该如何处理？用了uni.chooseImage预览功能要如何做,uniapp,文件上传,uni-app,javascript,前端
使用的是uview的u-upload组件，可是这个组件传给后端的不是文件流

后端接口需要的是文件流格式，后面使用了uniapp的选择图片或者拍照的api，api地址

uni.chooseImage({
        count: 1,
        sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
        sourceType: ['camera', 'album'], //从相册选择
        success: (res) => {
          console.log('res',res)
        },
      });

uniapp uview文件上传的文件不是文件流，该如何处理？用了uni.chooseImage预览功能要如何做,uniapp,文件上传,uni-app,javascript,前端

uview的是返回的文件信息是对象格式，uni.chooseImage返回的是文件流格式

下面我们来解决预览问题，把uview的u-upload组件跟uni.api合着用，代码如下文章来源地址https://www.toymoban.com/news/detail-631432.html

// 选择图片方法
onDiscernHandle() {
      if (this.fileList.length !== 0) {
        return false;
      }
      uni.chooseImage({
        count: 1,
        sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
        sourceType: ['camera', 'album'], //从相册选择
        success: (res) => {
          this.fileList.push({
            url: res.tempFiles[0].path,
            file: res.tempFiles[0],
          });
        },
      });
    },
// 删除图片
    deletePic(event) {
      this.fileList = [];
    },

<view class="page-container1-face-image" @click="onDiscernHandle">
          <u-upload
            :fileList="fileList"
            @delete="deletePic"
            name="1"
            multiple
            :maxCount="1"
            accept="image"
            :capture="['camera']"
            class="operate-upload"
            :previewFullImage="true"
            :disabled="true"
          >
            <u--image
              :showLoading="true"
              :src="imgs.square"
              width="250rpx"
              height="250rpx"
            ></u--image>
          </u-upload>
        </view>

到了这里，关于uniapp uview文件上传的文件不是文件流，该如何处理？用了uni.chooseImage预览功能要如何做的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！