jquery批量上传是Post提交导致整个表单没法提交至后台？

Question

jquery表单图片

Answer 1

你最好把你 大form 和小form的代码结构发一下.
根据你说的,你点击添加按钮的时候,就触发了提交的动作?  这肯定有问题,   只不过是点击添加按钮,怎么会呢?

Answer 2

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.wallform.js"></script>
<script type="text/javascript">
$(function(){
$('#photoimg').die('click').live('change', function(){
var status = $("#up_status");
var btn = $("#up_btn");
$("#imageform").ajaxForm({
target: '#preview', 
beforeSubmit:function(){
status.show();
btn.hide();
}, 
success:function(){
status.hide();
btn.show();
}, 
error:function(){
status.hide();
btn.show();
} }).submit();
});
});
</script>
<script language="javascript">
 $(function(){
   $(".checkbox").on('click',function(){
   var titles = $("#title").val();
   $("#keywords").val(titles);
   $("#description").val(titles); 
   }); 
   $(".backbtn").on('click',function(){
   location.href='product.php';
   });
   $(".tjbtn").on('click',function(){
   var title = $("#title").val();
   var price = $("#price").val();
   var yunfei = $("#yunfei").val();
   var scprice = $("#scprice").val();
   var addtime = $("#addtime").val();
   var content = $("#content").val();
   var keywords = $("#keywords").val();
   var description = $("#description").val();
   var editid = $("#editid").val();
   var kucun = $("#kucun").val();
   var  = $("#").val();
   var clsid = $("#clsid").val();
   var temai = $("input[name='tm'][type='checkbox']:checked").val();
   var tuijian = $("input[name='tuijian'][type='checkbox']:checked").val();
   //获取上传图片
   var imagesall = new Array();
   $("img").each(function() {
   if($(this).attr("class") == "preview") {
   imagesall.push($(this).attr("value"));
  }
    });
//获取数据库读取图片
   var imagesall2 = new Array();
   $("img").each(function() {
   if($(this).attr("class") == "goods_img") {
   imagesall2.push($(this).attr("src"));
  }
    });
   images=$("img[class=preview]:last").attr("src");
   //alert(imagesall);
    if(title==""){
$('<div id="div-b" />').addClass("notice").html("请输入商品名称！").appendTo('.div_c').fadeOut(3000);
$("#title").focus();
return false;
}
if(price==""){
$('<div id="div-b" />').addClass("notice").html("请输入商品价格！").appendTo('.div_c').fadeOut(3000);
$("#price").focus();
return false;
}
if(yunfei==""){
$('<div id="div-b" />').addClass("notice").html("请输入商品运费！").appendTo('.div_c').fadeOut(3000);
$("#yunfei").focus();
return false;
}
if(scprice==""){
$('<div id="div-b" />').addClass("notice").html("请输入市场售价！").appendTo('.div_c').fadeOut(3000);
$("#scprice").focus();
return false;
}
if(kucun==""){
$('<div id="div-b" />').addClass("notice").html("请输入商品库存！").appendTo('.div_c').fadeOut(3000);
$("#kucun").focus();
return false;
}
if(==""){
$('<div id="div-b" />').addClass("notice").html("请输入商品货号！").appendTo('.div_c').fadeOut(3000);
$("#").focus();
return false;
}
        $.ajax({
type: "GET",
url: "query.php?result=goods<?php echo $result;?>",
dataType: "json",
data: {"title":title,"content":content,"price":price,"scprice":scprice,"editid":editid,"keywords":keywords,"description":description,"addtime":addtime,"clsid":clsid,"yunfei":yunfei,"kucun":kucun,"":,"imagesall":imagesall,"temai":temai,"tuijian":tuijian,"imagesall2":imagesall2,"images":images},
beforeSend: function(){
$('<div id="msg2" />').addClass("loading").html("正在提交...").css("color","#FF0000").appendTo('.submitbtn').fadeOut(2000);
},
success: function(json){
if(json.success==1){
//滚动到顶部
   $(function(){
                   var url = window.location.toString();
                   var t = $('#table1').offset().top;
                   $(window).scrollTop(t);
                   });
    $("#msg").remove();
$('<div id="div-y" />').addClass("notice_y").html(json.msg).appendTo('.div_c').fadeOut(3000,function(){
//document.body.scrollTop=0;
location.href="product.php";
});
//return false;
                    //location.href="siteconfig.php";
}
else{
$("#msg").remove();
$('<div id="div-b" />').addClass("notice").html(json.msg).appendTo('.div_c').fadeOut(3000);
return false;
}
}
});
   });
});
</script>
<input type="hidden" name="editid" id="editid" value="<?php echo $id;?>" />
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="wenzhang">
<tr>
<td width="110" class="bg_f8" align="right"><?php echo $_LANG['product_name'];?>：</td>
<td colspan="3"><input name="title" type="text" class="inputall input500" id="title" value="<?php echo $title;?>" /> <input name="btn" type="button" class="checkbox" title="<?php echo $_LANG['copy_title'];?>" value="<?php echo $_LANG['copy_titles'];?>"></td>
</tr>
<tr>
  <td rowspan="3" align="right" class="bg_f8"><?php echo $_LANG['product_images'];?>：</td>
  <td colspan="3" class="aleft"><form id="imageform" method="post" enctype="multipart/form-data" action="product_upload.php">
<div id="up_status" style="display:none"><img src="images/loader.gif" alt="uploading"/></div>
<div style="float:left;"><div id="up_btn" class="btn">
<span>添加图片</span>
<input id="photoimg" type="file" name="photoimg">
</div></div><div style="float:left;margin-left:10px;" class="c888">（<?php echo $_LANG['product_images_zy'];?>）</div>
</form></td>
  </tr>
<tr>
  <td colspan="3" class="aleft"><div id="preview"></div></td>
  </tr>
<tr>
<?php if($id && $imagesall){?>
  <td colspan="3" class="aleft"><?php
   for($i=0;$i<count($images);$i++){
  ?>
  <div id="pic-show">
          <img src="<?php echo $images[$i];?>" width="100" height="100" class="goods_img" />
          <a href="query.php?result=productimagesall&img=<?php echo $images[$i];?>" class="closeimg"><img src="images/close_pop.png" width="30"></a>
          </div>
  <?php }?>
  </td><?php }?>
  </tr>
<tr>
<td class="bg_f8" align="right">&nbsp;</td>
<td colspan="3"><div class="submitbtn"><input type="submit" name="pesubmit" value="提 交" class="tjbtn" />&nbsp;<input type="button" name="pesubmit" value="<?php echo $_LANG['dou_msg_back'];?>" class="backbtn" /></div></td>
</tr>
</table>

Answer 3

  //获取上传图片
   var imagesall = new Array();
   $("img").each(function() {
   if($(this).attr("class") == "preview") {
   imagesall.push($(this).attr("value"));
  }
    });
   var imagesall = imagesall.join(',');
//获取数据库读取图片
   var imagesall2 = new Array();
   $("img").each(function() {
   if($(this).attr("class") == "goods_img") {
   imagesall2.push($(this).attr("src"));
  }
    });
   var imagesall2 = imagesall2.join(',');照着改下