<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> <title>上传图片-测试可用</title> </head> <body> <form id="uploadForm" enctype="multipart/form-data" method="post" style="display:none1"> 文件:<input id="image" type="file" name="image" /> <!-- <input id="signature" type="text" name="signature" value="bb8a81d4fb6884ad129b56690dacf1b2" /> --> <input id="signature" type="text" name="type" value="bb8a81d4fb6884ad129b56690dacf1b2" /> </form> <button id="upload">上传文件</button> </body> <script type="text/javascript"> $(function() { $("#image").change(function() { alert('选中成功' + $('#image').val()); }); $("#upload").click(function() { var formData = new FormData($('#uploadForm')[0]); // console.log(formData);die; $.ajax({ type: 'post', url: "http://yjtest.zxanquanpeixun.com/api/uploadFile/upload", //上传文件的请求路径必须是绝对路劲 data: formData, cache: false, processData: false, contentType: false, }).success(function(res) { alert('上传成功'); console.log(res); }).error(function() { alert("上传失败"); }); // $.ajax({ // type: 'post', // url: apiUrl + UPLOADIMAGE, //上传文件的请求路径必须是绝对路劲 // data: formData, // cache: false, // processData: false, // contentType: false, // success: function(data){//返回的参数就是 action里面所有的有get和set方法的参数 // $(".uploadImg").attr("src", data.data) // } // }); }); }); </script> </html>