uniapp中的上传文件及打开文件

一、先选择文件

let that = this;
uni.chooseMessageFile({count: 1,success: res => {console.log(res);//name是自动获取到的文件名称let name = res.tempFiles[0].name;//获取到的文件路径let filePath = res.tempFiles[0].path;that.upload(name, filePath);}
})

二、上传文件

upload(name,fileUrl){let that = this;           uni.uploadFile({url: 'https://jtapi.qiandaokeji.club/api/v1/upload/file',filePath: fileUrl,name: 'file',header: {"Content-Type": "multipart/form-data",},formData: {"api_token": that.api_token,},success: res => {console.log(res)let url = JSON.parse(res.data).data.url;let size = JSON.parse(res.data).data.size;let suffix = JSON.parse(res.data).data.ext;       }})
},

三、打开文件

preview(item){let isImage = until.isImage(item.suffix);if (isImage) {let imageList = [item.url];uni.previewImage({current: item.url,urls: imageList,fail: res => {console.log(res);uni.showToast({icon: "none",title: "图片打开异常"})}})} else {uni.showLoading({title: "文档下载中"})// 文档需要先下载到本地，然后才能打开uni.downloadFile({url: item.url,success: res => {uni.hideLoading();if (res.statusCode === 200) {uni.openDocument({filePath: res.tempFilePath,fail: res => {console.log(res);uni.showToast({icon: "none",title: "文档打开异常"})}})} else {uni.showToast({icon: "none",title: "文档下载异常"})}},fail: res => {uni.hideLoading();uni.showToast({icon: "none",title: "文档下载异常"})}})}
},

uniapp中的上传文件及打开文件相关推荐

java读excel乱码,【java 项目中，上传的excel打开时无法正常打开，显示乱码，怎样可以正常打开，】java读取excel乱码...
java 项目中,上传的excel打开时无法正常打开,显示乱码 ,怎样可以正常打开, 1.转换格就是将受损的Excel XP簿另存格式选为SYLK.如果可以打开受件,只是不能进行各种编辑和打印操作,那 ...
Struts2 - 上传任意多个文件
Struts2 - 上传任意多个文件一.上传单个文件在Struts1.x中已经提供了用于上传文件的组件.而在Struts2中提供了一个更为容易操作的上传文件组件.所不同的是,Struts1.x的 ...
Struts2教程7：上传任意多个文件
2019独角兽企业重金招聘Python工程师标准>>> 一.上传单个文件上传文件是很多Web程序都具有的功能.在Struts1.x中已经提供了用于上传文件的组件.而在Struts2 ...
.NET技术 ASP.NET中常用的文件上传下载方法(多文件上传)
文件的上传下载是我们在实际项目开发过程中经常需要用到的技术,这里给出几种常见的方法,本文主要内容包括: 1.如何解决文件上传大小的限制 2.以文件形式保存到服务器 3.转换成二进制字节流保存到数据库以 ...
Android Studio将本地计算机文件上传到模拟器scard文件中
本人在学习Android开发中遇到这样一个问题,将本地计算机中一个视频上传到模拟器的scard文件中视频的名字是1.MP4![这里写图片描述](https://img-blog.csdn.net/20 ...
阿里云存储OSS中设置上传文件content type
阿里云存储OSS中设置上传文件ContentType 如果你使用浏览器上传文件,则浏览器会自动在header中设置正确地content type,然后对文件的访问会得到正确地回应. 如果采用编程的方式 ...
html中异步上传文件实现示例,HTML_html中异步上传文件实现示例，复制代码代码如下: form actio - phpStudy...
html中异步上传文件实现示例复制代码代码如下: 复制代码代码如下: 这是html中最常见最简单的表单提交方式,但是这种方式必须会切换页面,也许有些时候我们希望可以在同一个页面与服务器进行交互,并不 ...
elementUI中el-upload上传文件时附带额外参数传递
公司vue项目中,文件上传这块先前一直使用的单独接口,即只是单纯的上传文件接口,上传完了拿到文件的id之后再调用文件关联绑定关系的接口,上传的代码如下即可:需要上传的url地址以及hearders中 ...
Java 文件上传到工程中，上传成功但是目录中没有显示
文件上传语句 String path = request.getServletContext().getRealPath("/attr/"); File folder = new ...

uniapp中的上传文件及打开文件

uniapp中的上传文件及打开文件相关推荐

最新文章

热门文章