zoukankan      html  css  js  c++  java
  • 异步上传文件

    <!DOCTYPE html>
     
    <html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <script src="~/Scripts/jquery-1.8.2.min.js"></script>
        <title>Index</title>
        <script>
            $(function() {
                $(':button').click(function () {
                    var formData = new FormData();
                    var file = $("input[type='file']")[0].files[0];
                    formData.append("files", file);
                    $.ajax({
                        url: '/Upload/Upload',  //server script to process data
                        type: 'POST',
                          
                        //Ajax事件
                        //beforeSend: beforeSendHandler,
                        //success: completeHandler,
                        //error: errorHandler,
                        // Form数据
                        data: formData,
                        //Options to tell JQuery not to process data or worry about content-type
                        cache: false,
                        contentType: false,
                        processData: false
                    });
                });
            });
     
             
        </script>
    </head>
    <body>
        <form enctype="multipart/form-data">
            <input name="file" type="file" multiple="multiple" />
            <input type="button" value="Upload" />
            <input type="text" name="userName" value="ice" />
        </form>
         
    </body>
    </html>
  • 相关阅读:
    Java SE(2)
    Java SE(1)
    第二次作业
    Markdown 进阶
    关于主题
    Markdown入门指南
    网络游戏架构与微服务架构简单对比
    微服务框架的存储架构
    轻量级微服务框架的通信架构
    页面静态化
  • 原文地址:https://www.cnblogs.com/xiaoliu66007/p/5565365.html
Copyright © 2011-2022 走看看