上传文件——jquery,ajax,FormData

最新推荐文章于 2022-03-06 05:15:34 发布

来写博客哇

最新推荐文章于 2022-03-06 05:15:34 发布

阅读量399

点赞数

分类专栏： web 文章标签：上传

本文链接：https://blog.csdn.net/dddaac/article/details/52847542

版权

web 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">   
<head>   
    <script type="text/javascript" src="jquery.js" charset="utf-8"></script>  
    <script type="text/javascript">
        function doUpload() {  
         var formData = new FormData($( "#uploadForm" )[0]);  
         $.ajax({  
          url: 'uploadurl' ,  
          type: 'POST',  
          data: formData,  
          async: false,  
          cache: false,  
          contentType: false,  //必需的
          processData: false,  //必需的
          success: function (returndata) { 
            alert(returndata);
          },  
          error: function (returndata) {  
            alert(returndata);  
          }  
         });  
    }       

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


</body>