form里既有数据也有图片上传js代码: <script type="text/javascript">
$(document).ready(function(){ //DOM的onload事件处理函数
$("#send").click(function(){ //当按钮button被点击时的处理函数
postdata(); //button被点击时执行postdata函数
});
});
function postdata(){ //提交数据函数
$.ajax({ //调用jquery的ajax方法
type: "post", //设置ajax方法提交数据的形式
url: "sendmes.php", //把数据提交到sendmes.php
dataType: "json",//返回数据类型
data: $("#send_form").serialize(),
});
}
</script>html form:<form id="send_form" enctype="multipart/form-data">
<textarea name="message" id="msg"></textarea>
<input type="file" name="upload" id="upload">
<input type="submit" class="send" id="send" value="发布">
</form>
2 回答
繁星点点滴滴
TA贡献1803条经验 获得超3个赞
比如 upload.php?text=你要加的文本。
<script type="text/javascript"> function inputFileChange(){ $.ajaxFileUpload({ url:'<%=basePath %>file/uploadtempimage.action',//用于文件上传的服务器端请求地址 secureuri:false,//一般设置为false fileElementId:'photofile',//文件上传空间的id属性 <input type="file" id="file" name="file" /> dataType: 'json',//返回值类型 一般设置为json success: function (data,status) //服务器成功响应处理函数 { $("#testImg").attr("src",data.src); //后台返回的JSON格式字符串,src 是上次图片的服务器地址 }, error: function (data, status, e) { alert(e); } }) $("#photofile").replaceWith('<input type="file" name="file" onchange="inputFileChange()" id="photofile" value="" />'); // 更换input 标签, 如果用Button提交可以不要,如果 是 onchange="inputFileChange()" 就一定要替换 } </script>
我的事jsp的
希望对你有用,以前学习的时候用到这个,给你翻出来了
慕桂英4014372
TA贡献1871条经验 获得超13个赞
不如你看看 $('#send_form').serialize() 能得到啥?
除非使用HTML5的File API,否则ajax没法直接POST文件的。
添加回答
举报
0/150
提交
取消