继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

HTML5 FormData文件上传

墨色1
关注TA
已关注
手记 10
粉丝 7
获赞 225
<form id= "form">  
              <div >文件名: <input type="text" name="filename" value= ""/></div >  
              <div >上传文件: <input type="file" name="file"/></div>  
              <button onclick="uploadFileAction()" >上传</button>  
</form>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <script>
            function uploadFileAction() {  
                 var formData = new FormData($( "#form" )[0]); //重点     
                 $.ajax({  
                      url: url ,  
                      type: 'POST',  
                      data: formData,  
                      async: false,  
                      cache: false,  
                      contentType: false,  
                      processData: false,  
                      success: function (resp) {  
                          console.log(resp);  
                      },  
                      error: function (error) {  
                          console.log(error);  
                      }  
                 });  
            }  
        </script>
打开App,阅读手记
3人推荐
发表评论
随时随地看视频慕课网APP