首页 > 其他分享 >uni.app上传图片/上传七牛云 vue2 es6

uni.app上传图片/上传七牛云 vue2 es6

时间:2023-07-01 15:11:50浏览次数:35  
标签:es6 七牛云 data app ret token uni 上传

uni.app上传图片

可以使用uni.app里面的api

// uni.chooseImage({
// success: (chooseImageRes) => {
// const tempFilePaths = chooseImageRes.tempFilePaths;
// uni.uploadFile({
// url: that.$unishow + '/common/upload', //仅为示例,非真实的接口地址
// filePath: tempFilePaths[0],
// name: 'file',
// header: {
// 'token': this.userInfo.token, // from data
// },
// success: (uploadFileRes) => {
// console.log(uploadFileRes.data);
// var ret = JSON.parse(uploadFileRes.data);
// console.log(ret)
// if (ret.code == 1) {
// this.$refs.dragImage.addImage(ret.data.url)
// } else {
// uni.showToast({
// title: ret.msg,
// icon: "none"
// })
// }
// }
// });
// }
// });

uni.app上传图片上次到七牛云里面

要下获取到七牛云的token 在获取key

然后使用uni.app里面的api

fordata里面有:{

token:'',

key:’‘

}

这样就完成了上传到七牛云上面了

标签:es6,七牛云,data,app,ret,token,uni,上传
From: https://www.cnblogs.com/zhangershi/p/17252841.html

相关文章

  • uni.app上传视频vue2 es6
    上传视频可以使用uni.app里面的api letself=this; uni.chooseVideo({ count:1, sourceType:['camera','album'], success:function(res){ console.log(res) self.showVideo=true self.addVideo=false self.src=......
  • 如何解决uni-app上传图片提示打包未添加Camera模块? uni.app es6 vue2
       可以在manifest.json来进行配置  这样就解决了 ......
  • 关于 SAP UI5 应用附件上传的病毒扫描功能 virus scan profile
    SAPUI5是基于HTML5和JavaScript的SAP的前端开发框架,用于构建企业级应用程序。它提供了丰富的用户界面控件,以及可重用、可扩展和可定制的组件。在企业应用场景中,附件上传和下载是非常常见的需求,SAPUI5提供了丰富的UI控件库以满足各种应用需求。在实现附件上传功能时,主......
  • 复习ES(6-11)语法之ES6上篇
    目录ES6新的声明方式:let不属于顶层对象window不允许重复声明不存在变量提升暂时性死区块级作用域新的声明方式:const解构赋值数组解构对象解构字符串解构数组的各种遍历方式ES5中数组遍历方式ES6中数组遍历方式数组的扩展函数的参数扩展运算符与rest......
  • 使用python paramiko模块将本地文件上传到远程主机的指定目录
    使用python paramiko模块将本地文件上传到远程主机的指定目录这个代码首先定义了本地文件名和远程文件名,然后使用datetime模块获取当前日期和时间,并使用字符串格式化功能生成了远程目录和文件名。在这个示例中,远程目录是/path/to/remote/directory/年份/月份/日期/,文件名是小时-......
  • java http大文件断点续传分片上传
    ​ 这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数下面直接贴代码吧,一些难懂的我大部分都加上注释了:上传文件实体类:看得出来,实体类中已经有很多我们需要的功能了,还有实用的属性。如MD5秒传的信息。pub......
  • CompletableFuture之批量上传
    前言最近接到一个需求,批量上传图片到服务器及实时更新上传进度。当处理大量文件上传任务时,效率是一个关键因素。传统的串行方式会导致任务耗时较长,而使用并发处理可以极大地提高上传效率。想到很久之前用CompletableFuture优化过一些多统计的业务场景,效果都还不错,因此在这里也使......
  • Nginx 报错 504 Gateway Time-out 和无法上传大于1M文件的解决方法
    Nginx报错504GatewayTime-out的解决方法修改nginx.conf配置文件。keepalive_timeout600;fastcgi_connect_timeout600;fastcgi_send_timeout600;fastcgi_read_timeout600;proxy_connect_timeout600;proxy_send_timeout600;proxy_read_timeou......
  • 前端 http大文件断点续传上传
    ​IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag        客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传......
  • 解决minio使用nginx代理出现问题(上传文件可以,创建桶404)
    minio使用nginx代理出现问题(上传文件可以,创建桶失败)server{listen80;#error_page500502503504404/404.html;注释掉location/{proxy_set_headerX-Forwarded-Proto$scheme;proxy_set_headerX-Real-IP$remote_addr;......