MUI 实现手机图片上传

最新推荐文章于 2022-04-13 17:57:25 发布

置顶

橙乐果果

最新推荐文章于 2022-04-13 17:57:25 发布

阅读量1.5w

点赞数 8

CC 4.0 BY-SA版权

分类专栏： MUI

本文链接：https://blog.youkuaiyun.com/weixin_38407595/article/details/87186324

本文介绍了在使用MUI框架开发APP时，如何实现头像图片上传的完整流程，包括选择图片、服务器解码和上传完成三个步骤。前端代码、后台代码及图片解密工具类的展示，帮助读者理解实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于公司自主研发APP，使用的是MUI框架。我做了其中头像图片上传的功能，在此分享下demo；

如有不规范处，请多多指教，互相学习。

第一次接触这个框架，踩了许多的坑 >_<

步骤：点击选择图片 → 图片转BASE64发送到服务器 → 服务器解码写入流中，返回地址

1.选择图片

2.后台服务器解码

3.上传完成

D:\ tu

展示前端代码

头像<img src="" id="userPhoto" onclick="choosePhoto(this)"/></a>

<script src="js/jquery.min.js" charset="utf-8"></script>
<script src="js/mui.min.js" charset="utf-8"></script>
<script type="text/javascript">
    mui.init();  
    function choosePhoto(event) {
		if (mui.os.plus) {
		var a = [{
		    title: '拍照'
			}, {
			  title: '从手机相册选