ajax上传文件

简介:
  1. <form id"uploadForm">  
  2.       <p >指定文件名: <input type="text" name="filename" value""/></p >  
  3.       <p >上传文件: <input type="file" name="file"/></ p>  
  4.       <input type="button" value="上传" onclick="doUpload()" />  
  5. </form> 
  1. <script>
  2. function doUpload() {  
  3.      var formData = new FormData($( "#uploadForm" )[0]);  
  4.      $.ajax({  
  5.           url: 'http://localhost:8080/cfJAX_RS/rest/file/upload' ,  
  6.           type: 'POST',  
  7.           data: formData,  
  8.           async: false,  
  9.           cache: false,  
  10.           contentType: false,  
  11.           processData: false,  
  12.           success: function (returndata) {  
  13.               alert(returndata);  
  14.           },  
  15.           error: function (returndata) {  
  16.               alert(returndata);  
  17.           }  
  18.      });  
  19. }  
  20. </script>
目录
相关文章
|
存储 JavaScript 前端开发
Vue 和 HTML FormData配合axios或ajax上传文件,提交表单数据
Vue 和 HTML FormData配合axios或ajax上传文件,提交表单数据
643 0
|
Web App开发 JavaScript 前端开发
前端接收数据流实现图片预览效果--ajax 请求二进制流 图片 文件 XMLHttpRequest 请求并处理二进制流数据 之最佳实践
本文为转载文章 原文链接:https://www.cnblogs.com/cdemo/p/5225848.html 首先要谢谢这位大神的无私贡献!解决了我的问题也完美表达了我当时的心路历程 ajax 请求二进制流 图片 文件 XMLHttpRequest 请求并处理二进制流数据 之最佳实践 写在前面 :从提出需求到完美的解决问题,实现过程是曲折的。
8053 0
|
5月前
|
JavaScript 前端开发 Java
jquery ajax+spring mvc上传文件
jquery ajax+spring mvc上传文件
|
JSON 前端开发 JavaScript
layui上传文件弹出请求上传接口出现异常的终极解决方案(v2.68版本、ajax底层逻辑修改、debug快速定位)
layui上传文件弹出请求上传接口出现异常的终极解决方案(v2.68版本、ajax底层逻辑修改、debug快速定位)
1334 0
|
域名解析 JSON 前端开发
漏刻有时数据可视化ajax访问静态json文件使用POST方法返回405 (Method Not Allowed)的解决方案
漏刻有时数据可视化ajax访问静态json文件使用POST方法返回405 (Method Not Allowed)的解决方案
155 0
|
前端开发
Ajax模板文件
Ajax模板文件
67 0
|
文字识别 前端开发 JavaScript
spring boot +ajax上传文件前后端分离完整实现示例代码
spring boot +ajax上传文件前后端分离完整实现示例代码
spring boot +ajax上传文件前后端分离完整实现示例代码
|
开发框架 移动开发 前端开发
ASP.NET MVC中使用jQuery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径
ASP.NET MVC中使用jQuery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径
282 0
|
存储 前端开发 JavaScript
基于Flask开发网站 -- 前端Ajax异步上传文件到后台
从网页界面(前端)上传文件到服务器(后端)
456 0
基于Flask开发网站 -- 前端Ajax异步上传文件到后台