本文主要包含mui 多图上传,mui开发app,mui开发app案例,mui开发app教程,mui app,mui多图上传,mui多图上传等相关知识,教程希望在学习及工作中可以帮助到您
欲实现效果图
提出需求点：
- 用户可自由添加删除替换多张图片，并且显示相应缩略图，限制为8张
- 用户可选择压缩图或直接上传原图功能
- 返回提醒用户会丢失填写的信息
下面一个个实现上述需求，从简单到复杂：
需求3：
用户返回弹出提示框，使用mui.confirm如下：
var oldBack = mui.back;
mui.back=function(e){
mui.confirm("尚未提交，返回后将会丢失填写内容物，是否返回？","返回确认",['返回','取消'],function(e){
if(e.index==0)
oldBack();
})
}
（以上代码买应写在mui.plusReady()之中，因为里面需要用到html5+的方法，mui.back()就是5+方法）
第一步克隆了一个mui.back，因为下面他自己会被重写了，而真正返回的时候还是需要用到原来的mui.back()！
重写是为了再返回前执行一段逻辑，按照官方的说法，confirm弹出是异步执行（非阻塞）所以另外一种在mui.init({beforeBack:function})的方式是不合适，因为beforeBack选项要求的是阻塞的，可能会导致还没有按下confirm中的按钮，因为执行了return true而退出了，弹出窗口就显得没有意义了！只能使用重写back方法的办法了！
mui.confirm传入四个参数，提示主内容，标题，按钮数组，回调函数（对按钮数组的下表进行判断）
自由增删改图片
qq空间发表说说可以携带图片，通过缩略图的形式让用户修改自己要上传的图片，不过腾讯做的那个高级多了，还可以拖拽图片打开大图编辑等等，在此只实现最简单的功能。
专门写一个函数来实现这个功能：init_image_add()