介绍
这篇文章主要讲解了“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 nullthinkphp如何用表单数组实现图片批量上传功能