test3.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head runat="server">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title></title>
  6. <script src="dist/jquery-1.7.1.js"></script>
  7. <script src="dist/ajaxfileupload.js"></script>
  8. </head>
  9. <body>
  10. <p><input type="file" id="file1" name="file" /></p>
  11. <input type="button" value="上传" />
  12. <p><img id="img1" alt="上传成功" src="" /></p>
  13. <script>
  14. $(function () {
  15. //$.support.cors = true;
  16. $(":button").click(function () {
  17. ajaxFileUpload();
  18. })
  19. })
  20. function ajaxFileUpload() {
  21. $.ajaxFileUpload
  22. (
  23. {
  24. url: 'http://192.168.2.236:5050/api/icss/lisExcelRes/lisExcelAnalysis', //用于文件上传的服务器端请求地址
  25. fileElementId: 'file1', //文件上传空间的id属性 <input type="file" id="file" name="file" />
  26. dataType: 'json', //返回值类型 一般设置为json
  27. success: function (data, status) //服务器成功响应处理函数
  28. {
  29. $("#img1").attr("src", data.imgurl);
  30. if (typeof (data.error) != 'undefined') {
  31. if (data.error != '') {
  32. alert(data.error);
  33. } else {
  34. alert(data.msg);
  35. }
  36. }
  37. },
  38. error: function (data, status, e)//服务器响应失败处理函数
  39. {
  40. alert(e);
  41. }
  42. }
  43. )
  44. return false;
  45. }
  46. </script>
  47. </body>
  48. </html>