本文介绍了一种利用jQuery简化图片上传过程的方法。通过结合HTML与JavaScript技术，实现了文件选择、上传及进度显示等功能。该教程详细说明了如何配置表单以便发送multipart/form-data类型的数据，并演示了如何使用jQuery的ajaxSubmit方法进行异步文件上传。
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<meta charset="utf-8">
<script src="./jquery-1.4.min.js" type="text/javascript"></script>
<script src="./jquery.form.js" type="text/javascript"></script>
<script type="text/javascript">
function uploadImage() {
$('#imgDiv').html('开始上传');
$('#UpLoadForm').ajaxSubmit(null,"imgDiv");
}
</script>
</head>
<body>
<form enctype="multipart/form-data" action="http://***.com/img_receive.php" method="post" id="UpLoadForm">
<input type="file" id="uploadFile" runat="server" name="upfile" />
<input type="button" id="btnUpload" value="确定" onclick="uploadImage()" />
<div id="imgDiv"> </div>
</form>
</body>
</html>
其中 jquery.form.js 见附件
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
