我是菜鸟,现在做一个表单的提交图片,用的jquery.form.js这个框架,第一次提交是正常的,但是第二次提交就会出错误,请大神指点下,这个是我的代码。
这是JS代码
function formReady() {
var options = {
url:"user!upLoadFile.action",
type:'post',
dataType:'json',
resetForm: true,
clearForm: true,
async :true, // 异步
success: function(data){
if(data.result == "noFile"){
alert("没有上传文件");
return;
}else if(data.result == "error"){
alert("文件上传错误");
return;
}else if(data.result == "norecord"){
alert("没有可添加记录的病历");
return;
}
var recordAdd = $("#recordAdd");
var html = "";
var recordAddText = recordAdd[0].innerHTML;
var m_pic = $("#m-pic");
if(m_pic[0] == null || m_pic[0] == ""){
html += '<div id="m-pic" class="m-at">';
html += '<div id="u-pic" class="u-cnt">附件管理 / 已添加<span id="pic-math">0</span>个附件</div>';
html += '<div class="u-line"></div>';
html += '<div class="u-pic">';
html += '<div id="pic-cnt" class="z-ctn" style="height:100%;width: 100rem">';
html += '</div>';
html += '</div>';
recordAdd.html(recordAddText+html);
html = "";
}
var z_pic = $("#pic-cnt");
var path = data.path;
var z_pic_text = z_pic[0].innerHTML;
if(path != null){
html += '<div class="pic" id="'+ path.id +'">';
html += '<img alt="" src="'+ path.path.substring(path.path.indexOf("upload")) +'" onclick="toPicture('+ path.id +');"/>';
html += '<a href="javaScript:void(0)" onclick="deletePicture(this);">删除</a>';
html += '</div>';
z_pic.html(z_pic_text+html);
$("#pic-math").val($(".pic>img").length);
html = "";
}
var pic = $(".pic");
var wid1 = pic.length;
z_pic.offsetWidth;
z_pic.css("width","calc("+ wid1 +" * 10rem + 1rem)");
}
};
$("#form").ajaxSubmit(function(){
$("#form").ajaxForm(options);
});
//$("#form").ajaxForm(options);
}
function addRecodeClick(){
$("#file").click();
}
function fileChange(){
if(this.value == ""){
return;
}else{
$("#submit").click();
}
}
这是html
<form id="form" action="" onsubmit="formReady();" enctype="multipart/form-data" method="post">
<input id="recordId" type="hidden" name="recordId"/>
<a href="javaScript:void" onclick="addRecodeClick()">添加附件</a>
<input id="file" name="file" type="file" style="display: none" onchange="fileChange();" accept=".jpg,.png,.gif,.jpeg"/><br/>
<input id="submit" type="submit" value="upload" style="display: none"/>
</form>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
$("#form").ajaxSubmit(function(){
$("#form").ajaxForm(options);
});
而 $("#form").ajaxForm(options);,ajaxForm
的使用方法,