jqueryupload.html 1.1 KB

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>upload</title>
  5. <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  6. </head>
  7. <body>
  8. <input type="file" id="photo" placeholder="选择文件" />
  9. <input type="button" onclick="postData();" value="上传" />
  10. <script type="text/javascript">
  11. function postData() {
  12. var formData = new FormData();
  13. formData.append("photo", $("#photo")[0].files[0]);
  14. formData.append("token", "token" + Math.random());
  15. $.ajax({
  16. url: '/demo/v1/api/903/upload',
  17. type: 'post',
  18. data: formData,
  19. contentType: false,
  20. processData: false,
  21. success: function (res) {
  22. alert('成功');
  23. console.log(res);
  24. }
  25. })
  26. }
  27. </script>
  28. </body>
  29. </html>