单个input框上传多个文件操作

HTML页面:

1 <div class="form-group thumb">
2                                         <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="info">产品图片上传:</label>
3
4                                         <div class="col-xs-12 col-sm-9" style="width:25%;">
5
6                                             <div class="clearfix"><input type="file"  multiple="true" name="images[]" id="id-input-file-2" /></div>
7
8                                         </div>
9                                     </div>
multiple="true" name="images[]"这两个是比较重要的,也就是否则:1、无法多选文件。2、上传的文件$_FILES只有一个文件。上传后打印出文件类型:

就这个样子的格式,我们肯定是不能用Thinkphp的upload和uploadone方法去上传文件的。
 1 array
 2 (
 3   1=>array(
 4                ([name]=>
 5                 [type]=>
 6                ([name]=>
 7                 [type]=>
 8                ([name]=>
 9                 [type]=>
10                )
11  2=>array(
12                ([name]=>
13                 [type]=>
14                ([name]=>
15                 [type]=>
16                ([name]=>
17                 [type]=>
18                )
19 )
20     

所以自己写一个方法去处理成
1                     if(array_sum($_FILES[‘images‘][‘size‘])>0){
2                         $tmp=array();
3                         foreach ($_FILES[‘images‘] as $k => $v) {
4                             foreach ($v as $kk => $vv) {
5                                 $tmp[$kk][$k]=$vv;
6                             }
7                         }
8                         $images=fab_upload($tmp);
9                         $input[‘images‘]=serialize($images);

处理了以后就相当于多个input框一个inpuit框对应一个上传文件的样子得到的$_FILES数据,然后将含有一上传信息(上传文件在服务器的存储路径)进行序列化,存入text存储类型的存储字段之中吗,显示图片的时候,当然是unserialize反序列化咯!

				
时间: 2024-04-19 13:57:30

单个input框上传多个文件操作的相关文章

input 框上传多个文件

在input标签中加入 multiple 属性,可以在一个输入框中选择多个文件进行上传 <input type="file" name="img" multiple="multiple" />当然,这样也是一样的: <input type="file" name="img" multiple /> 2.很多时候上传的时候,我们要限制一下上传文件类型( 在windows中主要是限制后缀

使用html中的&lt;input&gt;标签上传多个文件(转)

如何使用html上传多个文件呢?我搜索中文怎么也找不到合适的,都是用js动态添加input,然后提交,不能满足我想要的——打开选择文件的窗口后可以一次性选择多个文件. 然后我尝试搜索英文"html input file multiple",终于在stackoverflow找到一个文章:http://stackoverflow.com/questions/1175347/how-can-i-select-and-upload-multiple-files-with-html-and-ph

hdfs显示、查看、下载、上传、删除文件操作

linux环境 假设hdfs安装路径(例如是): /usr/hdp/hadoop/bin/hdfs 1. -ls 列出当前目录下的文件.文件夹 /usr/hdp/hadoop/bin/hdfs dfs -ls /apps/hive/warehouse/my_home 2. 查看文件,例如hive表的内容 /usr/hdp/hadoop/bin/hdfs dfs -text /apps/hive/warehouse/my_home/table_test/pa* /usr/hdp/hadoop/bi

ajaxFileUpload+struts2实现多文件上传(动态添加文件上传框)

上篇文章http://blog.csdn.net/itmyhome1990/article/details/36396291介绍了ajaxfileupload实现多文件上传, 但只是固定的文件个数,如果需求不确定是多少文件 则我们就需要动态的添加文件上传框,以实现灵活性. 基于上篇基本框架是不变的,主要修改以下几个方面 1.jQuery实现动态添加删除文件上传框 2.获取文件上传框的ID 3.ajaxfileupload.js里将ID数组转换为需要的Object数组 依次解决上面问题 一.实现动

ajax+ashx 完美实现input file上传文件

1.input file 样式不能满足需求 <input type="file" value="浏览" /> IE8效果图:    Firefox效果图: Chrome效果图:   2.input file上传按钮美化 css: .file{ position: relative; background-color: #b32b1b; border: 1px solid #ddd; width: 68px; height: 25px; display:

如何用一张图片代替 &#39;input:file&#39; 上传本地文件??

今天去面试,碰到了一道题,也许是因为紧张或者喝水喝多了,一时竟然没有转过弯来,回来之后一细想原来这么简单,哭笑不得,特此记录一下! 原题是这样的:  如何用一张图片代替 'input:file' 上传本地文件?? 因为默认的 <input type='file'> 上传文件控件样式特别丑,需要换成自定义的图片,如何实现这个功能?? 也就是,将这个玩意: 换成这样的: 当时我还讲了一下label与input之间的绑定关系,问到这个的时候竟然脑袋短路一时没想到label这玩意儿??label作为一

mvc4 使用input:file上传文件

@using (Html.BeginForm("AddNews", "NewsMgr", FormMethod.Post, new { enctype = "multipart/form-data" })) 前台页面上使用form提交,但是HtmlAttribute必须有这个属性 enctype = "multipart/form-data" 否则上传时提交到后台的Request.Files一直为空,count是0. 后台页面

使用js清空input file上传文件的内容

html页面代码如下: <input id="file_input" type="file" onchange="upLoadFile(this)" value="" />js的代码如下,可以直接将上传文件input按钮的内容直接清空: var obj=document.getElementById('file_input');obj.outerHTML=obj.outerHTML; ---------------

[js]uploadify结合jqueryUI弹出框上传,js中的冒出的bug,又被ie坑了

引言 最近在一个项目中,在用户列表中需要对给没有签名样本的个别用户上传签名的样本,就想到博客园中上传图片使用弹出框方式,博客园具体怎么实现的不知道,只是如果自己来弄,想到两个插件的结合使用,在弹出框中使用uploadify插件进行上传,每次都会报错很是无语,最后找到解决方案,这里记录一下,算是对工作中遇到的bug的一个总结. bug 这是vs调试状态下,显示的信息.在浏览器端,点击第一次上传按钮,正常,将弹出框关闭后,第二次打开,就会出现问题: 第一次单击上传: 第二次,关闭弹出框,再次单击上传