uniapp上传文件

下载vuehtml

<view class="names">
                    <view class="uploading" style="width: 400rpx; min-height: 300rpx;">
                            <uni-file-picker 
                                v-model="FormData.pictureList.url" file-mediatype="all" @select="select" 
                                  :auto-upload="false"
                                    :list-styles="listStyles">
                                <button>选择文件</button>
                            </uni-file-picker>
                    </view>
</view>

获取下载路径

select(e){
                console.log(e)
            let apiUrl = '自己的api地址'
            let that = this
                            uni.showLoading({
                                title: "上传中"
                            });
                            tempFilePaths
                            const tempFilePaths = e.tempFilePaths;
                            for (var i = 0; i < tempFilePaths.length; i++) {
                                const tempFile = e.tempFiles[i];
                                uni.uploadFile({
                                    url: apiUrl + '/medicineapi/pc/apiv1/drugVoucher/uploadFile',

                                //自己的请求头 hetoken
                                    header: {
                                        'authorization': 'Basic Y2xvdWRfd2ViOmNsb3VkX3dlYl9zZWNyZXQ=',
                                        'cloud-auth': 'bearer ' + uni.getStorageSync('token')
                                    },
                                    filePath: tempFilePaths[i],
                                    name: 'file',
                                    success: (res) => {
                                        uni.hideLoading();
                                        let filels= JSON.parse(res.data);
                                        console.log(back)
                                        // console.log(res.code)
                                        if (back.code == 200) {
                                            console.log("-----------------")
                                            // that.$set(filels.data, "uuid", tempFile.uuid)
                                            // that.$set(filels.data, "path", tempFile.path)
                                            // that.$set(filels.data, "url", tempFile.url)
                                            console.log(filels.data.profilePhotoUrl)

                                        //放进一个新数组
                                            that.FormData.pictureList.push({'url':filels.data.imgPath});
                                            console.log(that.FormData.pictureList)
                                            // this.$set(that.pictureList)
                                        }
                                    },
                                    fail: () => {
                                        uni.hideLoading();
                                        // uni.showToast("上传失败，请联系开发！")
                                        uni.showModal({
                                            icon:'none',
                                            title:"上传失败"
                                        })
                                    },
                                    complete: function() {
                                        uni.hideLoading();
                                    }
                                });
                            }
                        },