uni.chooseImage后，将File转换成base64

空&白

于 2025-03-13 15:27:24 发布

阅读量222

点赞数 2

分类专栏： uniapp 文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_32707555/article/details/146231949

版权

uniapp 专栏收录该内容

79 篇文章

订阅专栏

uni.chooseImage({
	count: count,
	sizeType: ["original", "compressed"], // 原图和压缩图都可
	sourceType: ["album"], // 从相册选择
	success:(res) => {
		const file = res.tempFiles[0];
		if (window.FileReader){
			const reader = new FileReader();
			reader.onload = function (event) {
				let fileBase64 = event.target.result;
				...
			};
			reader.readAsDataURL(file);
		}else{
			console.error("您的浏览器不支持FileReader");
		}
	}
})

APP

uni.chooseImage({
	count: count,
	sizeType: ["original", "compressed"], // 原图和压缩图都可
	sourceType: ["album"], // 从相册选择
	success:(res) => {
		const filePath = res.tempFilePaths[0];
		plus.io.resolveLocalFileSystemURL(
			filePath,
			function (entry) {
				entry.file(
					function (file) {
						var reader = new plus.io.FileReader();
						reader.onloadend = function () {
							// 获取文件类型
							const fileType = filePath
								.match(/\.\w+$/)?.[0]
								?.substring(1)
								.toLowerCase();
							let fileBase64;
							if (fileType === "png" || fileType === "jpg" || fileType === "jpeg" || fileType === "gif") {
								fileBase64 = `data:image/${fileType};base64,${e.target.result.split(",")[1]}`; // 直接使用文件类型变量
							} else {
								console.error("不支持的文件类型");
								return;
							}
							//r(fileBase64);// 处理转换后的Base64字符串
						};
						reader.onerror = function (e) {
							console.error("读取文件失败:", e);
						};
						reader.readAsDataURL(file); // 读取文件
					},
					function (e) {
						console.log("读取文件失败：" + e.message);
					}
				);
			},
			function (e) {
				console.log("获取文件失败：" + e.message);
			}
		);
	}
})