ajax提交表单包括文件

简介: (function() {(function() {("#upload").click(function() { var formData = new FormData(("#uploadForm")[0]);("#uploadForm")[0]);.

<script
src="${pageContext.request.contextPath}/assets/js/jquery-1.8.3.js"></script>

<script type="text/javascript">
(function() {(function() {("#upload").click(function() {
var formData = new FormData(("#uploadForm")[0]);("#uploadForm")[0]);.ajax({
url : "{pageContext.request.contextPath}/uploadoldimage",  type : 'POST',  data : formData,  async : false,  cache : false,  contentType : false,  processData : false,  success : function(data) {  var obj = eval('(' + data + ')');  if (obj.status == 'success') {  alert("上传完成");{pageContext.request.contextPath}/uploadoldimage",  type : 'POST',  data : formData,  async : false,  cache : false,  contentType : false,  processData : false,  success : function(data) {  var obj = eval('(' + data + ')');  if (obj.status == 'success') {  alert("上传完成");("#posterShow").attr("src",obj.imgurl);
("#posterShow").css("width","450px");("#posterShow").css("width","450px");("#posterShow").css("height","300px");
$("#showimg").val(obj.imgurl);
}
},
error : function() {
alert("网络异常");
}
});
})
})
</script>

 

支持主流浏览器 

非要用IE还是另寻他法吧

目录
打赏
0
0
0
0
1
分享
相关文章
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
99 0
php中Ajax的简单使用,登录表单调用Ajax判断是否正确登录利用layer.msg进行提示
本文介绍了在PHP中如何使用Ajax进行登录表单的数据提交,并利用jQuery的$.post()方法与后端通信,以及使用layer.msg进行前端提示。
php中Ajax的简单使用,登录表单调用Ajax判断是否正确登录利用layer.msg进行提示
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
453 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
9月前
|
PHP
php+ajax传file文件数据
php+ajax传file文件数据
70 0
jQuery ajax读取本地json文件 三级联动下拉框
jQuery ajax读取本地json文件 三级联动下拉框
HTTP进阶,Cookie,响应的回报结果含义,ajax,form表单,不同状态码代表的结果
HTTP进阶,Cookie,响应的回报结果含义,ajax,form表单,不同状态码代表的结果
HTTP进阶,Cookie,响应的回报结果含义,ajax,form表单,不同状态码代表的结果
Ajax下载文件添加进度条教程
Ajax下载文件添加进度条教程
299 1
漏刻有时数据可视化ajax访问静态json文件使用POST方法返回405 (Method Not Allowed)的解决方案
漏刻有时数据可视化ajax访问静态json文件使用POST方法返回405 (Method Not Allowed)的解决方案
197 0
Form表单利用Jquery Validate验证以及ajax提交
Form表单利用Jquery Validate验证以及ajax提交
124 0