【uniapp】「微信小程序」导入&导出

导出(下载)

在这里插入图片描述
在这里插入图片描述

// 下载文件资源
var timestamp = new Date().getTime();
uni.downloadFile({
	url: 'https://example.com/audio/123', //仅为示例,并非真实的资源
    header:{ token:uni.getStorageSync('token'),"Content-Type":'application/vnd.ms-excel'},
    filePath: 'wxfile://temp/' + timestamp + '.xls',
	success (res) {
		// 保存文件资源
		wx.saveFileToDisk({
			filePath: res.tempFilePath,
            filePath: 'wxfile://temp/' + timestamp + '.xls',
			success:(ret)=>{
				console.log(ret)
				that.toast('保存成功');
			},
			fail:(rey)=>{
				console.log(rey)
				that.toast('保存失败');
			}
		})
	}
})

导入(上传、选择文件)

在这里插入图片描述
在这里插入图片描述

// 选择文件资源
var that=this;
uni.chooseMessageFile({
	count: 1,
	type: 'file',
	success(ress) {
		let type = ress.tempFiles[0].type
		// console.log(type)
		if (ress.tempFiles.length > 0 ) {
			if (ress.tempFiles[0].size < 8388608) {
				uni.showLoading({ title:'上传中' })
				let tempFilePaths = ress.tempFiles
                // 下载保存文件资源
 				uni.uploadFile({
					url: 'https://example.weixin.qq.com/upload', //仅为示例,非真实的接口地址
					filePath: tempFilePaths[0].path,
					name: 'file',
					header:{
						"token": uni.getStorageSync('token')||'',
					},
					formData: { "file": tempFilePaths[0].path },
					success: (res) => {
						var d=JSON.parse(res.data);
						that.toast(d.msg);
						if(d.code==1){
							uni.hideLoading();
						}
					}
				});
			} else {
				that.toast('超出限制大小');
				return
			}
		} else {
			that.toast('文件格式错误');
		}
	}
})
Uniapp 是一个跨平台的开发框架,可以在不同的平台上实现一次编码,多端部署,非常适合开发微信小程序。以下是 Uniapp 微信小程序面试题的答案: 1. Uniapp 是什么? Uniapp 是一个跨平台的开发框架,可以基于 Vue.js 做开发,实现一次编码多端部署,包括微信小程序、H5、APP(安卓和 IOS)、快应用等。 2. 与传统微信小程序开发的区别是什么? 与传统微信小程序开发相比,Uniapp 开发更加高效,可以大大减少开发时间,同时也可以让开发者更加便捷地实现一次编码多端部署。 3. Uniapp 微信小程序如何实现多端适配? Uniapp 可以使用自动适配方案,在不同机型上自动调整组件大小和布局。如果需要自定义适配方案,可以根据不同平台的 CSS 尺寸单位和样式特性定义不同的样式来实现多端适配。 4. 如何添加微信小程序原生组件? 可以在 Uniapp 项目中使用相应的组件,然后在微信小程序中进行适配。如果需要使用微信小程序原生组件,可以使用插件的形式将原生组件导入 Uniapp 项目中使用。 5. 如何进行微信小程序支付? 可以使用 uni.request 接口向自己服务端请求支付的相关参数,然后调用 uni.requestPayment 接口发起支付请求,支付成功后进行相应的处理。在开发过程中需要注意安全性和用户体验,避免出现支付问题。 总之,Uniapp 微信小程序的开发让开发者更加容易实现一次编码多端部署,提高开发效率,也让用户体验更加顺畅。在开发过程中需要根据不同的需求和平台特性进行适配,保证产品的质量和用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值