uniapp uview文件上传的文件不是文件流,该如何处理?用了uni.chooseImage预览功能要如何做

在使用uniapp开发,运用的ui是用uview,这边需要做一个身份认证,如下图
uniapp uview文件上传的文件不是文件流,该如何处理?用了uni.chooseImage预览功能要如何做_第1张图片
使用的是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预览功能要如何做_第2张图片
uniapp uview文件上传的文件不是文件流,该如何处理?用了uni.chooseImage预览功能要如何做_第3张图片
uview的是返回的文件信息是对象格式,uni.chooseImage返回的是文件流格式

下面我们来解决预览问题,把uview的u-upload组件跟uni.api合着用,代码如下

// 选择图片方法
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 = [];
    },

          
            
          
        

你可能感兴趣的:(uniapp,文件上传,uni-app,javascript,前端)