不兼容的视频压缩程序移动端多图上传+预览+压缩+ios旋转（兼容安卓）

在移动端互联网普及的当下，移动的多图上传需求明显！尤其是基于android系统本身的局限性，不支持multiple属性，但基于微信的开发可以使用微信的jsjdk，解决这个问题，但是普通的移动端h5还需要技术自己做js开发，本文提供本人在ios和android系统中的多图上传的一个实例，供大家分享。步骤阅读步骤阅读步骤阅读工具/原料IDE编辑器（Notpad++|sublime|phpstorm等其一）PC一台方法/步骤经验之谈，在此不做基础普及，只讲知识要点，其他样式和不全代码，自行补全步骤阅读步骤阅读创建html文件：步骤阅读引入图片压缩js库文件：引入图片旋转角度js库文件：ps:引用路径以自己的实际目录结构为准步骤阅读创建multiple.pic.js://file文件选择事件$(\"#logo\").on(\'change\',function(){ //获取file中选择的图片 varfileInput=document.getElementById(\'logo\'); varfiles=fileInput.files; //获取file中选择的图片的个数 varlen=files.length; classLen=$(\'.pic_list\').length;//当前已经选择并生成预览的图片个数//循环处理每一张图片for(vari=classLen,j=0;j-1){ if(!base64){ multiple.info(\'图片压缩失败\'); returnfalse; } //添加img节点，实现图片预览 $(\'.upload_tu_list\').prepend(\'\'); //定义input标签对象，并将图片的base64赋值 vartmpInput=\'\'; //form表单添加input节点，供提交给后台程序，实现图片上传 $(\"#picForm\").append(tmpInput); } }) }步骤阅读END注意事项使用pc测试，切换浏览器至手机模拟器模式未提供后台程序添加图片，自行完善

本文来自投稿，不代表长河网立场,转载请注明出处： http://www.changhe99.com/a/YQdZmRKwD0.html