JAVASCRIPT使用ajax做异步上传文件,很流行的上传方式:代码如下

首先是HTML文档:

<!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,
                    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>

转载请注明来源网站:www.itxm.cn谢谢!

发布评论

分享到:

IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

linux根据关键字查看tomcat日志详解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。