multipart/form-data请求与文件上传的细节

最新推荐文章于 2024-06-24 14:36:36 发布

weixin_30950237

最新推荐文章于 2024-06-24 14:36:36 发布

阅读量149

点赞数

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/cx709452428/p/7873258.html

版权

<!DOCTYPE html>
<html>
<head lang="en">
     <meta charset="UTF-8">
     <title></title>
     <script src="js/jquery.min.js"></script>
</head>
<body>
<form id= "uploadForm" action= "http://192.168.12.50:8080/file/upload" method= "post" enctype ="multipart/form-data">
    <!--<p >指定文件名： <input type ="text" name="filename" /></p>-->
    <p >上传文件： <input type ="file" name="file" /></p>
    <p >关键字1： <input type ="text" name="areaCode" /></p>
    <p >关键字1： <input type ="text" name="sessionId" /></p>
    <input type ="submit" value="上传"/>
</form>
</body>
</html>
<script>
    var dataReq={areaCode:"globalservice",file:"u=384764150,406696308&fm=27&gp=0.jpg",sessionId:"FF4F1F829F43D6E59AF3A1E67CA6B8B9"};
    $.ajax({
        url : "http://192.168.12.50:8080/file/upload",
        type : "POST",
        data : dataReq,
        success : function(data) {
            $( '#serverResponse').html(data);
        },
        error : function(data) {
            $( '#serverResponse').html(data.status + " : " + data.statusText + " : " + data.responseText);
        }
    });
</script>