uni.chooseImage({
		success: (chooseImageRes) => {
			const tempFilePaths = chooseImageRes.tempFilePaths;
			plus.io.resolveLocalFileSystemURL(tempFilePaths[0], function( entry ) {
			entry.file(function(file){
					var fileReader = new plus.io.FileReader();
					fileReader.readAsDataURL(file, 'utf-8');
						fileReader.onloadend = function(evt) {
					   		console.log(evt.target.result, typeof(evt))
					   	fileReader.close()
				}, function (error) {

需要用到文件服务器,优点是兼容性比较好

uni.chooseImage({
		success: (chooseImageRes) => {
			const tempFilePaths = chooseImageRes.tempFilePaths;
			let url = "上传文件服务器"
				   uni.request({
				   		url: "上传文件服务器后得到的url",
						 method: 'GET',
						 responseType: 'arraybuffer',
						 success: res => {
						 console.log(res)
						 let base64 = wx.arrayBufferToBase64(res.data); //把arraybuffer转成base64
						 let toBase64Url = 'data:image/jpeg;base64,' + base64; //不加上这串字符,在页面无法显示
						console.log(toBase64Url);
                    UNI-APP本地图片转Base64方法一:方法二:开发过程中遇到需要将本地图片编码成base64的场景,怕忘记了,所以留个记录。方法一:uni.chooseImage({		success: (chooseImageRes) => {			const tempFilePaths = chooseImageRes.tempFilePaths;			plus.io.resolveLocalFileSystemURL(tempFilePaths[0], function( entry ) {
				
uniapp 生成海报图片base64换 (微信头像贴在海报上需要base64换)import { pathToBase64, base64ToPath } from "路径" base64ToPath(res.data.data.poster) .then(path => {}) .catch(error => { console.error(error)
uni-app中uni.downloadFile可以实现文件下载,但是下的文件只能保存在项目资源路径下,并且不能实现重命名; 根据需求是实现视频文件重命名,这样可以直接减少维护人员工作; 在uni-app中实现自定义下载文件重命名,还是需要H5+API来实现; 首先:在文件下载时判断文件目录是否存在; plus.io.resolveLocalFileSystemURL( '_downloads/', function( entry ) { //存在操作,取本地 },function (
文章目录uni 适配多端 本地图片base64 函数多端换统一函数使用h5本地图片base64app本地图片base64微信小程序本地图片base64 uni 适配多端 本地图片base64 函数 多端换统一函数 function toBase64() { return new Promise((succeed,failure) => { uni.chooseImage({ count: 1, //默认9 sizeType: ['compressed'],
uniapp可通过此方法对本地路径 如: …/…/static/img/01.png 或者网络路径图片base64 urlTobase64(url) { var toBase64Url; uni.request({ url: url, method: 'GET', responseType: 'arraybuffer', success: async res => { let base64 = wx.arrayBufferToBase64(res.data); //把arrayb
当使用plus.gallery.pick选取文件的时候其实返回给我们的是一个本地文件URL路径。但是在使用的时候 有的时候是需要一个文件对象,比如当把一个本地图片换为base字符串的时候就出现了这个问题: 核心代码如下: * 本地图片的绝对路径地址 换成base64编码 如下代码: function getBase64Images(l...
1. 在七牛云上创建一个存储空间,并获取该空间的Access Key和Secret Key。 2. 安装uni-app的官方插件uni-upload,并在项目根目录下的vue.config.js中进行配置,添加以下代码: const qiniuUploader = require('uniapp-qiniu-sdk'); const qiniuOptions = { region: 'your region', // 七牛云存储区域 uptokenURL: 'your uptokenURL', // 服务端提供获取上传凭证的接口 domain: 'your domain', // 七牛云存储空间绑定的域名 module.exports = { configureWebpack: { plugins: [ apply: (compiler) => { compiler.hooks.afterEmit.tapPromise('afterEmit', (compilation) => { return new Promise((resolve, reject) => { qiniuUploader.upload(compilation.assets['your upload file name'].existsAt, 'your key', qiniuOptions, (res) => { console.log(res); resolve(); }, (error) => { console.log(error); reject(); 3. 在需要上传图片的页面中,添加以下代码: <template> <input type="file" @change="upload"> </view> </template> <script> export default { methods: { upload(event) { const file = event.target.files[0]; const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => { const base64Img = reader.result; qiniuUploader.upload(base64Img, (res) => { console.log(res); }, (error) => { console.log(error); </script> 其中,首先使用FileReader将本地图片换为base64格式,然后调用qiniuUploader.upload函数上传图片。 以上就是在uni-app中上传本地图片到七牛云的基本步骤,具体使用细节可以根据实际情况进行调整。