使用FormData，进行Ajax请求并上传文件

来源：互联网发布：reflector2 mac注册码编辑：程序博客网时间：2024/06/18 14:32

这里使用JQuery，但是老版本的JQuery比如1.2是不支持的，最好使用2.0或更新版本：

Html代码

    <form id= "uploadForm">            <p >指定文件名： <input type="text" name="filename" value= ""/></p >            <p >上传文件： <input type="file" name="file"/></ p>            <input type="button" value="上传" onclick="doUpload()" />      </form>

Js代码

    function doUpload() {           var formData = new FormData($( "#uploadForm" )[0]);           $.ajax({                url: 'http://localhost:8080/cfJAX_RS/rest/file/upload' ,                type: 'POST',                data: formData,                async: false,                cache: false,                contentType: false,                processData: false,                success: function (returndata) {                    alert(returndata);                },                error: function (returndata) {                    alert(returndata);                }           });      }

0 0