无刷新上传文件

1.FormData
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
 <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
   
</head>
<body>
    <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>
    
     <script type="text/javascript">
         function doUpload() {
             var formData = new FormData($("#uploadForm")[0]);
             alert(JSON.stringify(formData));
             $.ajax({
                 url: 'upload.aspx',
                 type: 'POST',
                 data: formData,
                 async: false,
                 cache: false,
                 contentType: false,
                 processData: false,
                 success: function (returndata) {
                     alert(returndata);
                 },
                 error: function (returndata) {
                     alert(returndata);
                 }
             });
         }
         $(function () {
        
         })
    </script>  
</body>
</html>
View Code