订阅本栏目 RSS您所在的位置: 深山工作室 > uni-app > 正文

小程序打开pdf文件并保存到本地 支持远程PDF文件打开

2021/5/11 19:12:56 字体: 浏览 1248
支持打开文件 doc, xls, ppt, pdf, docx, xlsx, pptx
利用encodeURI与escape,兼容处理了传输过来的文件带有中文名会出现的问题

<view @tap="file_yulan('')">点击下载文件</view>

<view @tap="file_save('')">保存</view>

file_yulan: function(burl) {
console.log("处理下载文件中");
uni.showLoading({
title: '文件下载中'
});
let fileType = "PNG"; //文件类型
let filePath = "http://192.168.0.110/UploadFiles/demo.pdf";
//把字符串转换为小写
if (fileType) {
fileType = fileType.toLowerCase();
}

//先下载文件
uni.downloadFile({
url: encodeURI(filePath), //注意中文文件名的网络地址需要encodeURI  
//url: escape(filePath), //escape(filePath) 另外一种可能出现问题处理方式,安卓打开成功,iOS打开失败【原因:打开的文件的文件名是中文】


success(res) {
console.log(res);
uni.hideLoading();
//预览图片或打开文件
if (fileType == "png" || fileType == "jpg" || fileType == "jpeg") {
//图片的话直接预览
uni.previewImage({
urls: [res.tempFilePath]
});
uni.hideLoading();
} else {

//保存文件
uni.saveFile({
tempFilePath: res.tempFilePath,
success: function(res) {
console.log(res);
//var savedFilePath = res.savedFilePath;

//打开文件有效值 doc, xls, ppt, pdf, docx, xlsx, pptx

uni.openDocument({
filePath: res.savedFilePath,
success() {
//打开文件中
uni.showLoading({
title: '打开文件中'
});
},
fail(e) {
uni.hideLoading();
uni.showToast({
icon: 'none',
title: '文件打开失败!'
});
}
});

}
});
}
},
fail() {
uni.hideLoading();
uni.showToast({
icon: 'none',
title: '下载出错!'
});
},
complete() {
uni.hideLoading();
}
});
},

相关阅读
微信公众号回复语音消息或用客服接口推送语音消息
网页制作中关于浏览器宽度和高度的设定研究(转载)
IE6.0, IE7.0和FireFox浏览器css样式兼容
中国大宗资产交易网
这个可以做为论坛,也可以做留言板
兼容ie和火狐ff的透明度设置
网页页面变灰,网页变成黑白色
深山旅行社网站管理系统 v1.8
共有0条关于《小程序打开pdf文件并保存到本地 支持远程PDF文件打开》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
uni-app开发表单input组件的一些规则说明自己预留使用
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
微信小程序客服会话只能过button让用户主动触发
uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用
更多>>最新添加文章
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
aliyun阿里云续费域名优惠口令(注册、续费都可以使用)
windows7环境下安装配置jdk
python对微信操作要用到这两个库wxpy与itchat
ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明
DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法
更多>>随机抽取信息
商业版增加线路日期报价功能样式选择(增加了3个日期报价效果)
重要声明:关于某些人冒充本网站。
uni-app跨端开发微信小程序时页面栈超过10层时小程序像卡死一样假性不能点击无法跳转的解决方案
小说封面制作网站留言板模板
如何提高网站的PR值
从空格谈起--关于CSS模块化设计