uniapp live-pusher拍摄证件照后上传到后端
生活随笔
收集整理的這篇文章主要介紹了
uniapp live-pusher拍摄证件照后上传到后端
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
使用uni.uploadFile直接將live-pusher返回的本地地址(/storage/emulated/0/Android/data/io.dcloud.HBuilder/apps/HBuilder/doc/snapshot/snapshot_1661926096230.jpg)上傳即可
1:封裝好的上傳方法
import {msg } from './util.js' import store from "@/store" import config from "@/config.js" // 基礎URL // #ifndef H5 // 非h5端,改為自己的服務地址 let BASE_URL = config.apiUrl // #endif// #ifdef H5 // h5, 進行代理轉發(fā) let BASE_URL = '/api.php/' // #endif// 上傳圖片 const upload = (options = {}) => {// resolve 正常響應,reject異常響應return new Promise((resolve, reject) => {// 上傳前,判斷是否登錄const accessToken = store.state.accessTokenif (!accessToken) {uni.showToast({title: '請先登錄',icon: 'none'})return setTimeout(() => {uni.navigateTo({url: '/pages/home/index.vue'})}, 500)}uni.uploadFile({url: BASE_URL + options.url, // 服務器 urlfilePath: options.filePath, // 要上傳文件資源的路徑。name: options.name || 'file', // File 對象對應 keyformData: options.data || {}, //額外的 form data timeout: 10000, // 8秒超時時間,單位msheader: {'token': accessToken},success: (res) => {if (res.statusCode === 200) {// 響應的數(shù)據(jù)是json字符串,把它轉成對象resolve(JSON.parse(res.data))} else {// 404 ,500等錯誤碼reject(res)}},fail: (err) => {msg('請求接口失敗')reject(err)},})}) }// 導出 export default upload2:調(diào)用上傳方法
upload({filePath:obj.path,url:'user/upload'}).then(res=>{if(res.code==200){this.imgUrl=res.data.url}}).catch(err=>{console.log(err)})總結
以上是生活随笔為你收集整理的uniapp live-pusher拍摄证件照后上传到后端的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: qt 部署 错误_QT for Wind
- 下一篇: Excel技能培训之十六自动高亮重复值,