首页 > 其他分享 >uni.app上传视频vue2 es6

uni.app上传视频vue2 es6

时间:2023-07-01 15:11:28浏览次数:43  
标签:es6 console log res app vue2 uni 上传 self

上传视频可以使用uni.app里面的api

 

let self = this;
uni.chooseVideo({
count: 1,
sourceType: ['camera', 'album'],
success: function(res) {

console.log(res)
self.showVideo = true
self.addVideo = false
self.src = res.tempFilePath;
console.log(res.tempFilePath)
console.log(self.src)
console.log(self.userInfo.token)
uni.uploadFile({
// 需要上传的地址
url: 'xxxxxxxxxxx', //接口地址
// filePath 需要上传的文件
filePath: self.src,
name: 'file',
header: {
'token': self.userInfo.token, // from data
},
success: (res) => {
console.log(res)
let ret = JSON.parse(res.data);
console.log(ret)
self.form.videos = ret.data.fullurl
console.log(self.form.videos)
},
file: (err) => {
console.log(res)
}
});
}
});

标签:es6,console,log,res,app,vue2,uni,上传,self
From: https://www.cnblogs.com/zhangershi/p/17252903.html

相关文章

  • 如何解决uni-app上传图片提示打包未添加Camera模块? uni.app es6 vue2
       可以在manifest.json来进行配置  这样就解决了 ......
  • 关于 SAP UI5 的 CrossApplicationNavigation 服务
    从SAPUI5应用启动时观察Chrome开发者工具console面板,看到如下提示的错误消息:sap.ui.comp.navpopover.SemanticObjectController:Service'CrossApplicationNavigation'couldnotbeobtained-SAPUI5CrossApplicationNavigation是一种用于在SAPFioriLaunchpad......
  • 复习ES(6-11)语法之ES6上篇
    目录ES6新的声明方式:let不属于顶层对象window不允许重复声明不存在变量提升暂时性死区块级作用域新的声明方式:const解构赋值数组解构对象解构字符串解构数组的各种遍历方式ES5中数组遍历方式ES6中数组遍历方式数组的扩展函数的参数扩展运算符与rest......
  • qt this application failed to start because it could notfoind orloadthe Qt pla
    qt程序报错:thisapplicationfailedtostartbecauseitcouldnotfoind orloadtheQt platform ===================================C:\Users\lenovo>C:\Users\lenovo>C:\Users\lenovo>cdD:\software\Qt\install\Qt5_12_12\5.12.12\msvc2015_64\b......
  • QueryWrapper方法解释
    继承自AbstractWrapper,自身的内部属性entity也用于生成where条件及LambdaQueryWrapper,可以通过newQueryWrapper().lambda()方法获取.queryWrapper.lt()——小于queryWrapper.le()——小于等于queryWrapper.gt()——大于queryWrapper.ge()——大于等于queryWrapper.eq()——等......
  • APP中Web容器的核心实现
     现在的业务型APP中,采用纯原生开发策略的已经很少了,大部分都使用的混合开发。如原生,H5,ReactNative,Flutter,Weex它们之间任意的组合就构成了混合开发。其中原生+H5是出现最早的,老牌混合方案,即使过来多年,在现在的混合开发方案中H5也是使用率非常高的。在APP中嵌入Web容器,将更新......
  • iOS分发证书过期或手动吊销,会影响App的下架吗?
    ​iOSdistribution发布证书过期或者被手动revoke了app会被下架吗? 在距离distribution证书过期一个月(或被手动revoke了)的时候会受到apple的邮件​编辑 虽然distribution过期(或者被手动revoke)了,如果你的开发者账号是company(公司)类型或个人类型的,只要你的每年99$的开发者me......
  • IM即时通讯APP在聊天场景中的应用
    即时通讯(IM)应用可以满足人们随时随地进行文字、语音、图片、视频等多媒体信息的传递需求,为个人和企业提供了高效、便捷的沟通方式。在企业中,IM即时通讯APP更是发挥着重要的作用,促进了协作和团队工作的效率提升。以WorkPlus为例,探讨一下IM即时通讯APP在聊天场景中的应用。首先,WorkPl......
  • 最近有很多兄弟萌跟我反应“无法安装此app,因为无法验证其完整性
    最近有很多兄弟萌跟我反应“无法安装此app,因为无法验证其完整性”,看来这个问题无法避免了,今天统一回复下,出现提示主要有以下几种可能 1.安装包不完整首先申请我所有分享的破解软件全部都有自己校验过,一般不会存在问题出非你手机版本跟我相差较大,所以不可能存在什么应用不完......
  • 处理开发者账号到期导致APP下架的方处理开发者账号到期导致APP下架的方法
     开发人员账号到期时,应采取以下步骤处理APP被下架问题:登录开发者账号。点击右上角的"账户",选择"续费"。输入信用卡信息,确保使用支持Visa的银行卡。续费后,等待大约24小时,苹果将自动重新上架APP。在此之前已下载到手机上的APP可以继续正常使用。请注意:苹果开发......