ajax上传文件

最新推荐文章于 2022-10-27 14:47:48 发布

鸿雁

最新推荐文章于 2022-10-27 14:47:48 发布

阅读量263

点赞数

分类专栏： jQuery html 文章标签： ajax html

本文链接：https://blog.csdn.net/w200221626/article/details/120058442

版权

jQuery 同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title>上传</title>
    <script src="/scripts/jquery/jquery-1.192.min.js"></script>

    <script>
        function uploadfile() {
            $.ajax({
                url: '/Upload.ashx',
                type: 'POST',
                cache: false,
                data: new FormData($('#uploadForm')[0]),
                processData: false,
                contentType: false
            }).done(function (res) {
                $("#out").html(res);
            }).fail(function (res) {
                $("#out").html(res);
            });
        }
        
    </script>
    <style>

    </style>
</head>
<body>
    选择文件后上传
    <form id="uploadForm" enctype="multipart/form-data">
        <input id="file" type="file" name="file" />
		<input type='hidden' name='input' value=''>
        <button id="upload" type="button" onclick="uploadfile()">上传</button>
    </form>
	<div id="out"><div>
</body>
</html>

鸿雁

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax上传文件

<!DOCTYPE html><html><head> <title>上传</title> <script src="/scripts/jquery/jquery-1.192.min.js"></script> <script> function uploadfile() { $.ajax({ url: '/U.
复制链接

扫一扫