后端开发|php教程
WEUI,图片上传
后端开发-php教程
问题：通过微信WEUI实现图片上传，后台PHP该如何处理？
html 导航网站源码,刚装完ubuntu卡,怎么修改tomcat页签,json爬虫简介,php技术经理招聘,横沥seo优化关键词哪家好lzw
1.目前遇到的问题为应用的weui图片上传框架，但代码中预览部分li获取到了类型是blob的图片。但只有一个input，通过ajax提交到php，只能获取到最后一张图片。
仿面包网网站源码,前端vscode常用包,最小构建ubuntu,tomcat 改图标,sqlite3是什么格式,爬虫软件怎么做工程图,php 字符串与数字比较,运城seo优化推荐咨询,商城手机网站建设,免费响应式模板网站模板下载lzw
50%
因酷在线教育源码,vscode创建bak备份,ubuntu中slurm,tomcat拒绝连接请求,sqlite数据库数据数量,翼龙是飞行爬虫类吗吗,php real,睢县谷歌seo营销公司,网站素材图,discuz 模板安装lzw
2.通过后台进行$_FILES只能获取到一个input。怎么才能获取所有的？大家用weui上传图片的时候是怎么处理的呢？
贴上图片photo不加[]的情况下，获取的到的是
加[]获取返回的是：
解决方法
//解决思路如下: 通过改写他的文件隐藏域，每次选择一个图片之后，自动隐藏当前file，然后通过js插入一个新的空文件 type=“file”,这样就可以实现多文件上传。改写代码如下： $(function(){ var tmpl =
,$gallery = $("#gallery"), $galleryImg = $("#galleryImg"),$uploaderInput = $("#uploaderInput"),$uploaderFiles = $("#uploaderFiles"); //此处的on 需要改成 live ,因为jquery插入html，js事件会失效，采用live $uploaderInput.live("change", function(e){var src, url = window.URL || window.webkitURL || window.mozURL, files = e.target.files;for (var i = 0, len = files.length; i < len; ++i) { var file = files[i]; if (url) { src = url.createObjectURL(file); } else { src = e.target.result; } var src_split = src.split(/);$uploaderFiles.append($(tmpl.replace(#url#, src).replace(#imgname#, src_split[src_split.length-1])));//其中img_str 为我自己写的隐藏文本框，用来存放所有的图片名称组成的字符,类似"名称1,名称2，名称3\"，因为我用这个隐藏框的值，来删除页面页面的指定图片。 if($("#img_str").val() == \ || $("#img_str").val() == null){ $("#img_str").val("\"+src_split[src_split.length-1]+"\"); }else{ $("#img_str").val($("#img_str").val()+",\"+src_split[src_split.length-1]+"\"); } //开启隐藏上传 p $(this).after(\); $(this).hide(); $(this).attr({id:""+src_split[src_split.length-1]+"_input"}); } }); $uploaderFiles.on("click", "li", function(){$galleryImg.attr("style", this.getAttribute("style"));$gallery.fadeIn(100); }); $gallery.on("click", function(){$gallery.fadeOut(100); }); //删除图片 删除图片的代码也贴出来。 $(".weui-gallery__del").click(function(){ var imgback = $(this).parent("p").prev().attr("style"); var imgback_array= imgback.split()); imgback_array= imgback_array[0].split(/); $("#"+imgback_array[imgback_array.length-1]+"_input").remove(); $("#"+imgback_array[imgback_array.length-1]+"_li").remove();var img_str = $("#img_str").val().split(,); var img_str_new = \; for(var i=0;iarray (size=0)empty files =>array (size=3)0 => array (size=14)file_name => string e2dafa6a5f06dc34004607e1f00a4824.jpg (length=36)file_type => string image/jpeg (length=10)file_path => string E:/wamp/wamp/www/test/js/fileUpload/server/upload/tsjy/ (length=64)full_path => string E:/wamp/wamp/www/test/js/fileUpload/server/upload/tsjy/e2dafa6a5f06dc34004607e1f00a4824.jpg (length=100) aw_name => string e2dafa6a5f06dc34004607e1f00a4824 (length=32)orig_name => string -0.jpg (length=6)client_name => string 6880_jpg_wh300.jpg (length=18)file_ext => string .jpg (length=4)file_size => float 93.32is_image => boolean trueimage_width => int 960image_height => int 300image_type => string jpeg (length=4)image_size_str => string width="960" height="300" (length=24)1 => array (size=14)file_name => string a7a0cc5930d19c6b1abfd795b3eb4d3.jpg (length=36)file_type => string image/jpeg (length=10)file_path => string E:/wamp/wamp/www/test/js/fileUpload/server/upload/tsjy/ (length=64)full_path => string E:/wamp/wamp/www/test/js/fileUpload/server/upload/tsjy/ba7a0cc5930d19c6b1abfd795b3eb4d3.jpg (length=100) aw_name => string a7a0cc5930d19c6b1abfd795b3eb4d3 (length=32)orig_name => string -1.jpg (length=6)client_name => string 4856_jpg_wh300.jpg (length=18)file_ext => string .jpg (length=4)file_size => float 92.95is_image => boolean trueimage_width => int 1190image_height => int 300image_type => string jpeg (length=4)image_size_str => string width="1190" height="300" (length=25)2 => array (size=14)file_name => string fc0e75063c34f102a3a67fd17aa54a18.jpg (length=36)file_type => string image/jpeg (length=10)file_path => string E:/wamp/wamp/www/test/js/fileUpload/server/upload/tsjy/ (length=64)full_path => string E:/wamp/wamp/www/test/js/fileUpload/server/upload/tsjy/fc0e75063c34f102a3a67fd17aa54a18.jpg (length=100) aw_name => string fc0e75063c34f102a3a67fd17aa54a18 (length=32)orig_name => string -2.jpg (length=6)client_name => string 4873_jpg_wh300.jpg (length=18)file_ext => string .jpg (length=4)file_size => float 214.92is_image => boolean trueimage_width => int 1152image_height => int 300image_type => string jpeg (length=4)image_size_str => string width="1152" height="300" (length=25)
相关文章：
Angularjs整合微信UI（weui）
WEUI应用之JS常用信息提示弹层的封装
通过微信的WeUI可以学习到哪些知识？
