thinkphp如何用表单数组实现图片批量上传功能

  介绍

这篇文章主要讲解了“thinkphp如何用表单数组实现图片批量上传功能”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“thinkphp如何用表单数组实现图片批量上传功能“吧


今天做一个表单数组实现图片批量上传,js不是很会,在网上找了资料改的,html页面如下:

& lt; script 类型=拔谋?javascript"比;   var 小姐:=,1;   function  addElement () {   ,var  tr =, document.createElement (& # 39; tr # 39;);   ,var  td1=document.createElement (“td");   ,var  td2=document.createElement (“td");   ,var  td3=document.createElement (“td");   ,var  td4=document.createElement (“td");   ,var  td5=document.createElement (“td");   ,var  td6=document.createElement (“td");   ,var  td7=document.createElement (“td");   ,td1.innerHTML=? lt; strong>描述:& lt;/strong>“;   ,td2.innerHTML=? lt; textarea  name=& # 39; des[] & # 39;,祝辞& lt;/textarea>“;   ,td3.innerHTML=? lt; strong>图片:& lt;/strong>“;   ,td4.innerHTML=? lt; input  type=& # 39;文本# 39;,name=& # 39;图像[]& # 39;,id=& # 39; image" +我+“& # 39;/祝辞& lt; IFRAME  name=fo 帧边缘=0,身高=24,marginHeight=1, marginWidth=1,滚动=no  BORDERCOLOR=& # 39; # CCCCFF& # 39;, src=& # 39; __APP__/Upimg upimgs/州/?我+“& # 39;,风格=& # 39;vertical-align:,中间;& # 39;祝辞& lt;/iframe> & lt; span 风格=& # 39;颜色:红色# 39;祝辞请上传小于2 m的图片& lt;/span>“;   ,td5.innerHTML=? lt; strong>排序:& lt;/strong>“;   ,td6.innerHTML=? lt; input  type=& # 39;文本# 39;,name=& # 39; px [] & # 39;, value=& # 39; 5 & # 39;/祝辞;“;   ,td7.innerHTML=? lt; a 类=& # 39;确定修改# 39;,href=& # 39; javascript:无效(0);& # 39;,οnclick=& # 39; addElement() & # 39;在增,加& lt;/a>, |, & lt; a 类=& # 39;确定修改# 39;,href=& # 39; javascript:无效(0);& # 39;,οnclick=& # 39; dropElement() & # 39;在删减& lt;/a>“;   ,tr.appendChild (td1);   ,tr.appendChild (td2);   ,tr.appendChild (td3);   ,tr.appendChild (td4);   ,tr.appendChild (td5);   ,tr.appendChild (td6);   ,tr.appendChild (td7);=,tr.id  & # 39; elem # 39; + i;   ,. getelementbyid (& # 39; pdr1& # 39;) .appendChild (tr);   ,我+ +;   }   function  dropElement () {   ,var  aaa =, . getelementbyid (& # 39; elem # 39; +(张));   ,. getelementbyid (& # 39; pdr1& # 39;) .removeChild (aaa);   ,我,;   }   function  checkForm ()   {   ,(k=我;k>=0; k——)   ,{   ,如果(. getelementbyid (“image" + k) value==啊?   ,{   警报才能(“图片不能空“);   return 才能;假;   ,}   ,}   }   & lt;/script>   & lt; div 比;   & lt; form 方法=皃ost", name=癴orm1", action=癬_URL__/insert",οnsubmit=皉eturn  checkForm();“比;   & lt; input 类型=癶idden", name=癴id", value=皗$支撑材},/比;   & lt; table 类=皌able",单元格间距=?“,单元格边距=?“,宽度=?0%“,对齐=癱enter"   边境=?“,id=皃dr1"比;   ,& lt; tbody>   & lt;才能tr 比;   ,,& lt; td 宽度=?%“,类=皌d_bg",对齐=皉ight"祝辞& lt; strong>描述:& lt;/strong> & lt;/td>   ,,& lt; td 类=皌d_bg",宽度=?5%“祝辞& lt; textarea  name=癲es[]“祝辞& lt;/textarea> & lt;/td>   ,,,& lt; td 宽度=?%“,类=皌d_bg",对齐=皉ight"祝辞& lt; strong>图片:& lt;/strong> & lt;/td>   ,大敌;& lt; td 类=皌d_bg",宽度=?5%“祝辞,& lt; input 类型=皌ext", name=靶蜗骩]“,id=癷mage0"/祝辞& lt; IFRAME  name=fo 帧边缘=0,身高=24,marginHeight=1, marginWidth=1   ,,,,,,,,,,,滚动=no  BORDERCOLOR=? CCCCFF"   ,,,,,,,,,,,src=皗: U (& # 39; Upimg/upimgs& # 39;, & # 39;印第安纳=0 & # 39;)}“,祝辞& lt;/iframe>   ,,,,,,,& lt; span 祝辞请上传小于2 m的图片& lt;/span> & lt;/td>   ,,,& lt; td 宽度=?%“,类=皌d_bg",对齐=皉ight"祝辞& lt; strong>排序:& lt;/strong> & lt;/td>   ,,& lt; td 类=皌d_bg",宽度=?0%“祝辞& lt; input 类型=皌ext", name=皃x []“, value=?“/祝辞& lt;/td>   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

thinkphp如何用表单数组实现图片批量上传功能