图片上传（jQuery） websocket测试 POST http://localhost:3000/api/uploadImageByJs 接口描述 通过jQuery上传图片 说明 / 示例 上传成功： ```json { code: 200 data: "/uploads/images/upload_476353c45096265f7996bd6256f893ff.png" msg: "图片上传成功" } ``` 上传成功后把date拼接上`http://localhost:3000`就是图片完整路径 示例代码 ```html <!doctype html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title> </head> <body> <form action="http://localhost:3000/api/uploadImageByJs" method="post" enctype="multipart/form-data"> <label> 文件： <input type="file" name="l_person"> </label> <br> <input id="btn_sub" type="button" value="提交"> </form> <script src="jquery-3.5.1.min.js"></script> <script> $('#btn_sub').on('click', function () { let $form = $('form'); let formdata = new FormData(); formdata.append("image", $form[0]); $.ajax({ url: $form.attr('action'), type: $form.attr('method'), data: new FormData($form[0]), processData: false, contentType: false, success: function (data) { console.log(data); } }) }); </script> </body> </html> ```
上传成功： ```json { code: 200 data: "/uploads/images/upload_476353c45096265f7996bd6256f893ff.png" msg: "图片上传成功" } ``` 上传成功后把date拼接上`http://localhost:3000`就是图片完整路径 示例代码 ```html <!doctype html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title> </head> <body> <form action="http://localhost:3000/api/uploadImageByJs" method="post" enctype="multipart/form-data"> <label> 文件： <input type="file" name="l_person"> </label> <br> <input id="btn_sub" type="button" value="提交"> </form> <script src="jquery-3.5.1.min.js"></script> <script> $('#btn_sub').on('click', function () { let $form = $('form'); let formdata = new FormData(); formdata.append("image", $form[0]); $.ajax({ url: $form.attr('action'), type: $form.attr('method'), data: new FormData($form[0]), processData: false, contentType: false, success: function (data) { console.log(data); } }) }); </script> </body> </html> ```