首页 > 其他分享 >在uniapp中如何将PDF或者XML文件转化成base64?

在uniapp中如何将PDF或者XML文件转化成base64?

时间:2023-09-05 14:34:55浏览次数:42  
标签:XML uniapp 文件 res base64 error 后台

场景:如何将获取到的内网服务器的文件,传给我们的后台,把文件保存下来?

1.使用uni.downloadFile() 获取到文件的临时路径

2.uniapp导入安装的的插件“image-tools”,把临时路径转化成base64传给后台。

注意点:如果同时解析多个xml文件,后台可能会接收到乱码的情况,此时需要将base64使用encodeURIComponent编码后再传给后台,这样就可以防止解析报错,原因是因为xml文件在传输到后台时,里面的+号会被替换成空格,所以需要编码后传输。

下面上代码:

import { pathToBase64 } from 'image-tools'

  

				uni.downloadFile({
					url: curUrl, //仅为示例,并非真实的资源
					success: (res) => {
						console.log('下载成功',res)
						pathToBase64(res.tempFilePath)
						  .then(base64 => {
                           // 获取到base64
						  })
						  .catch(error => {
							console.error(error)
						  })
					},
					complete: (res) => {},
				
				});            

  

 

标签:XML,uniapp,文件,res,base64,error,后台
From: https://www.cnblogs.com/landofpromise/p/17679455.html

相关文章

  • avue表单组件后台拖拉拽框架avue-form-design在移动端vant框架与uniapp框架下的动态渲
    avue表单组件后台拖拉拽框架avue-form-design:https://github.com/sscfaith/avue-form-designavue表单组件后台拖拉拽框架avue-form-design在移动端vant框架与uniapp框架下的动态渲染转换适配待补充......
  • xml
    cicc-releaseirpcmVmdGtuOjAxOjE3MDI4MzQ5MTI6QlQ3UEdlTnhlSTB3OXJaSFdWaTVFNmlqN01tcicc-snapshotirpcmVmdGtuOjAxOjE3MDI4MzQ5MTI6QlQ3UEdlTnhlSTB3OXJaSFdWaTVFNmlqN01tartifactorycentralciccwm-maven-publichttps://af.ciccwm.com/artifactory/ciccwm......
  • 基于uniapp的药品商城外卖小程序
    博主主页:猫头鹰源码博主简介:Java领域优质创作者、博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询项目介绍: 本系统2022年12月26日创作完成,该系统包含小程序端和管理端,系......
  • 基于uniapp的学生(选课)成绩小程序
    博主主页:猫头鹰源码博主简介:Java领域优质创作者、博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询文末联系获取项目介绍: 本系统2022年4月创作完成,该系统包含小程序端和......
  • 基于uniapp的计算机考研助手小程序(含管理端)
    博主主页:猫头鹰源码博主简介:Java领域优质创作者、博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询2022年10月新增功能:用户可以发布帖子,可以查看帖子,能够收藏、评论帖子,可......
  • uniapp检查更新并显示下载进度(2)
    1、App.vue文件<script>importappUpdatefrom'@/util/appUpdate.js'onLaunch:function(){ uni.getSystemInfo({ success:function(e){ //#ifdefAPP-PLUS //检测升级 appUpdate() //#endif}......
  • Xml2Bean:为Webservice返回Collection准备的一个实用类
    作者:fbysss关键字:Webservice,Xml2Bean背景:Webservice 返回的是xml,如何得到Collection类型呢?最简单的方式就是把xml还原成Collection。准备包:commons-digester-1.8.jar源代码1:Xml2Beanpackagecn.edu.ustb.db.task.util;/***//***<p>标题:Xml2Bean.java</p>......
  • uniapp切换主题颜色(后台管理系统)
    需求:在现有已经做好的后台管理系统添加一个切换主题颜色的功能分析:该项目用了很多uniapp的组件,css样式没有统一,类名也没有统一使用混合mixin.scss,并使用vuex效果图功能:按钮背景颜色、部分样式、字体图标、分页跟随主题颜色变化也变化每一个用户喜欢的主题颜色都不一样,后端......
  • uniapp app端如何使用插件实现获取手机应用自定义上传
    <u-buttonsize="mini"style="background-color:#3ac908;color:#ffffff;font-size:16rpx;width:110rpx;height:50rpx;"@tap="onUpload">上传</u-button>//以下代码写于根目录下第一个view顶部或跟在自定义导航栏后面<l-fileref="lFile&......
  • uniapp小程序隐私协议弹窗组件。自2023年9月15日起,对于涉及处理用户个人信息的小程序
    上代码 隐私组件代码直接复制就能用 <template> <viewclass="zero-privacy":class="[{'zero-bottom':position=='bottom'}]"v-if="showPrivacy"> <viewclass="zero-privacy-container":style="{&#......