js上传html文件代码

原创于 2025-02-28 12:01:49 发布 · 126 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #okhttp

<!DOCTYPE html>
<html>
<head>
	<title>下载文件</title>
	<script type="text/javascript" src="./jquery-2.1.4.min.js"></script>
	
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
        <style type="text/css">
        	body{
        		padding: 20px 0 0 20px	;
        	}
        	.oooo{
        		padding: 5px;
        	}
        </style>
</head>
<body>
<form action="/upload" content-type="application/x-www-form-urlencoded" method="post" enctype="multipart/form-data" target="nm_iframe" class="framii">
    <input type="file" name="file" id="file" value="" multiple="multiple"  class="oooo" />
    <input type="submit" class="oooo" value="提交"/>
</form>
<iframe class="id_iframe" name="nm_iframe" style="display:none;"></iframe>
<div>文件下载：</div>
<div class="file"></div>

</body>
<script type="text/javascript">
	$.ajax({
		url:"/getDownLoadFile",
		type:"POST",
		// data:{
		// 	data:123
		// },
		success(data){

			if(data && data.length){
				for (var i = 0; i < data.length; i++) {
					// console.log(123);
					$(".file").append(
						`
						<div>
							<a href="/upload/${data[i]}">${data[i]}</a>
						</div>
						`
					);
				}
			}
		}

	})
	$(".id_iframe").on("load",function(){
		alert("提交成功！");
		location.reload();
	})
</script>
</html>