给后端为php上传多张图片的问题?

后端用的是php,我要给后端上传图片,但我用的jquery插件,就只有添加图片按钮是一个type为file的input,当点击该添加按钮时,可以插入多张图片,生成多个img,但没有生成每个img对应的input,后端的意思是在生成img的同时还应该生成每个img对应的input,然后他根据input的name去获取值,否则他只能获取第一张图片。请问该怎么解决,或者有没有满足条件的插件。

阅读 4.7k
6 个回答

不用任何插件,将 input 的name 属性修改为数组 name="img[]"

这样的情况,即便是一个图片也是一维数组

如果插件中有上传完成后执行的方法,可以使用这个方法操作dom;或者使用uploadifive(html5),不过也是需要上传完成操作dom

你多看看有些网站的源代码就可以了,我截取一部分你看看::
<div class="tab-pane fade in" id="pics"><div class="well">
<div>[+]商品图片:<input type="file" name="goods_pics[]" value="" class="input-xlarge"></div></div>
</div>
相应的J代码:
$('.add').click(function(){
var add_div = '<div>[-]商品图片:<input type="file" name="goods_pics[]" value="" class="input-xlarge"></div>';
$(this).parent().after(add_div);
});
思路:把name改为name="goods_pics[]" ,点击+号,用JQ添加了一个input type="file"的标签。

在前端把图片处理成base 64在提交给后台。当然每个图都要有个单独和input 这样做的好处是不用引插件了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题